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.
Source facts
- Repository
- LongLeo287/SEOSONA-OS
- Last source activity
- August 4, 2026 at 05:01
- Detected SKILL.md language
- English
- Stars
- 2
- Forks
- 1
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
File Explorer
12 filesShowing SKILL.md
SKILL.md
Source instructions · Read-only preview- name
- content_hub
- description
- 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.
- argument-hint
- [action: open|browse|search]
- license
- MIT
- allowed-tools
- ["Bash","Read"]
- metadata
- {"author":"claudekit","version":"1.0.0"}
# Content Hub
Visual asset gallery for ClaudeKit Marketing.
## Quick Start
```bash
# 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:
```json
{
"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, ai-multimodal, design
**Agents**: content-creator, ui-ux-designer
View on GitHub