majiayu000 Content Hub
Visual asset gallery for ClaudeKit Marketing.
Quick Start
# Open gallery
node .claude/skills/content-hub/scripts/server.cjs --open
# Rescan assets
node .claude/skills/content-hub/scripts/server.cjs --scan
# Stop server
node .claude/skills/content-hub/scripts/server.cjs --stop
Or use command: /write:hub
Features
- Gallery Grid: Thumbnails of assets/ folder
- Filter/Search: By type (banners, designs, etc.) and keywords
- Brand Sidebar: Displays user's colors and voice from docs/brand-guidelines.md
- Actions: Preview, Edit in Claude, Copy path, Generate new
- R2 Ready: Manifest schema supports Cloudflare R2 sync (UI disabled)
API Routes
| Route | Purpose |
|---|---|
/hub |
Gallery HTML |
/api/assets |
Asset list JSON |
/api/brand |
Brand context JSON |
/api/scan |
Trigger rescan |
/file/* |
Serve local files |
Manifest Schema
Assets stored in .assets/manifest.json with R2 fields:
{
"id": "abc123",
"path": "banners/hero.png",
"category": "banner",
"r2": {
"status": "local", // local|pending|synced|error
"bucket": null,
"url": null
}
}
Scripts
| Script | Purpose |
|---|---|
scripts/server.cjs |
HTTP server entry |
scripts/lib/scanner.cjs |
Scan assets directory |
scripts/lib/router.cjs |
HTTP routing |
scripts/lib/brand-context.cjs |
Extract brand guidelines |
Integration
Command: /write:hub
Related Skills: brand-guidelines, ai-multimodal, design
Agents: content-creator, ui-ux-designer