VividKit Crystal clear AI coding
VI
Choose Your Setup Get Started with AgentKit Continue with ClaudeKit Migrate from ClaudeKit to AgentKit Clean cutover from ClaudeKit What Is AgentKit? How AgentKit Works AgentKit Kits, Skills, Agents & Hooks AgentKit Runtime Support AgentKit Desktop App AgentKit Configuration AgentKit CLI Quick Reference AgentKit Skills Cheatsheet AgentKit Workflows AgentKit Statusline Update AgentKit CLI & Kits AgentKit Helper Clean reinstall of AgentKit AgentKit Troubleshooting What is ClaudeKit? ClaudeKit CLI Guide Command Finder Commands Cheat Sheet Workflow Recipes CLI Quick Reference Claude Mechanics Permission Modes ClaudeKit Hooks Coexistence ClaudeKit x Codex CK → Other coding tools How ClaudeKit Works Inside ClaudeKit Finding Your Unknowns Session Recovery Fix from Logs UI/UX Guide Accounts Switcher IDE Config Remote Control Codex App System Diagramming UI Review Gate Promotions Support VividKit

Quick Ref / Command

Marketing Kit

/ak:content-hub

Visual marketing asset gallery

Opens, scans, searches, and serves a browser-based asset gallery with filters, brand context, preview/edit actions, and an R2-ready manifest.

01

Choose action

02

Start gallery

03

Scan assets

04

Load brand context

Rule 01

Make marketing assets browseable visually, not hidden in folders.

Rule 02

Keep search, filters, and brand context together so asset decisions stay on-brand.

Rule 03

Track local assets in an R2-ready manifest even while cloud sync is disabled.

Execution Map

Core lanes from input to output, aligned with the command's real execution path.

01

Start

Input, scope, route

  1. 1 Choose action Read whether the user wants to open, browse, or search the content hub.
  2. 2 Start gallery Open the local gallery server when the user needs the browser grid.
02

Work

Agent / skill execution

  1. 3 Scan assets Rescan the assets folder so thumbnails, categories, and manifest entries stay current.
  2. 4 Load brand context Read colors and voice from docs/brand-guidelines.md for the sidebar.
03

Verify

Gate, review, validation

  1. 5 Filter or search Use type filters and keyword search to narrow banners, designs, and other assets.
  2. 6 Act on assets Preview, edit in Claude, copy paths, or generate new assets with brand context.
04

Close

Report, handoff, artifact

  1. 7 Maintain manifest Keep .assets/manifest.json aligned with local status and future R2 fields.
  2. 8 Stop server Stop the local server when the gallery is no longer needed.

Sample Prompt

Concrete invocations for each flag, subcommand, mode, or route available in the live workflow.

Open hub Recommended 
/ak:content-hub open
Use when:
Use when you want the browser gallery.
Expected:
A local visual grid of assets with sidebar context.
Browse assets 
/ak:content-hub browse
Use when:
Use when exploring the asset library by type or category.
Expected:
Filtered browsing through local marketing assets.
Search library 
/ak:content-hub search banners
Use when:
Use when looking for matching assets by keyword.
Expected:
Matching assets and paths from the gallery index.

Handled Scope

  • Asset gallery
  • Filtering
  • Brand sidebar
  • Preview and edit
  • Manifest scanning
  • R2-ready metadata

Artifacts Produced

Manifest and routes

Pattern

.assets/manifest.json with /hub, /api/assets, /api/brand, /api/scan, and /file/* routes

The hub serves local assets through API routes and keeps a manifest ready for later Cloudflare R2 sync.

Related skills

Next