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