Claude-skill-registry content-hub

Browser-based asset gallery for managing marketing assets. Visual grid with filter/search, brand context sidebar, and actions (preview, edit, generate). R2-ready manifest for future cloud sync. Use when browsing assets, managing content library, or generating new assets with brand context.

install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/content-hub" ~/.claude/skills/majiayu000-claude-skill-registry-content-hub && rm -rf "$T"
manifest: skills/data/content-hub/SKILL.md
source content

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

RoutePurpose
/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

ScriptPurpose
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