content-management

Files (6)

• SKILL.md
• site-layout-design.md · references/
• svg-cover-design.md · references/
• svg-meme-templates.md · references/
• wordpress-mcp-publishing.md · references/
• excalidraw-to-png.js · scripts/

SKILL.md (first lines)

# Content Management — CMO Agent

Autonomous content manager that observes what the user builds and turns it into publishable content with rich visuals. Uses a single agent profile + cron trigger, NOT a multi-stage pipeline.

## Architecture

```
Agent profile: content-manager (deepseek-v4-pro)
Cron: daily at 12:00 KST
Knowledge base: brand-guide + glossary + narrative_arc + content-inventory
All files under: P4-cortex/content/

Per-run output:
  memories/insights/
    ├── YYYY-MM-DD-slug.md                ← Blog post (with Mermaid diagrams inline)
    ├── YYYY-MM-DD-slug-cover.svg          ← SVG cover illustration (1200x630, dark theme)
    ├── YYYY-MM-DD-slug.excalidraw.json    ← Excalidraw architecture diagram
    ├── YYYY-MM-DD-slug.png                ← Excalidraw exported to PNG
    ├── YYYY-MM-DD-slug-thread.txt         ← X thread (10-15 tweets)
    └── YYYY-MM-DD-slug.excalidraw         ← Excalidraw binary (from CLI)
  
  P4-cortex/content/
    ├── narrative_arc.md                   ← Updated with new episode
    └── content-inventory.md               ← Updated with new entry
```

## Data Sources

In addition to direct work activity, content-manager monitors two automated collection pipelines:

### 1. Trend Harvester
- **Location**: `@memory/growth/trend-harvester/{collected,applied,evaluated}/`
- **Content**: GitHub trending repos scored via 5-axis philosophy filter (6h cycle)
- **Use**: Pick applied/evaluated items with high scores → write "AI Tool of the Week" posts or deep-dives into tools that got integrated into {{AGENT_NAME}}

### 2. SEO Article Harvester
- **Location**: `P2-hippocampus/knowledge/seo-articles/YYYY/`
- **Content**: 1,642+ SEO/marketing articles from 28 RSS feeds (6h cycle)
- **Use**: Surface notable Google updates, agentic web trends, or shifts in AI/discovery landscape → write analysis/opinion posts linking to YOUR_DOMAIN's own ARD integration

## Agent Profile

Defined at `~/.{{AGENT_NAME_LOWER}}/agents/content-manager.md`. Full instructions include:

1. **Load Knowledge Base** — Read brand-guide, glossary, content-inventory, narrative_arc
2. **Gather Context** — session_search, git log, kanban completions, harvester outputs
3. **Mine for Stories** — Score 1-10 (reader value, drew-angle, narrative fit). ≥7 proceed
4. **Draft Content** — Blog post with embedded SVG cover + Mermaid + Excalidraw PNG
5. **Publish Draft** — `create_post` via WordPress MCP (status=draft)
6. **Update Tracking Files** — narrative_arc.md + content-inventory.md

## Web Research

Content-manager has `web` toolset enabled. Before drafting, optionally search for:
- Related projects or approaches (what others are doing)
- Technical background to strengthen the narrative
- Memes or cultural references that fit the story
- Related blog posts / discussions

Search results strengthen the draft's credibility and relevance.

## Visual Asset Pipeline

Three types of images produced per post, all $0 cost, plus optional meme SVGs:

### 1. Cover Image (CF Workers AI, $0, 1024×512)
AI-generated conceptual illustration via FLUX on Cloudflare Workers AI. Four scene templates:
- **garden** — 태양 정원 (Creative)
- **city** — 덩굴 도시 (Build Log)
- **shepherd** — 사막의 양치기 (AI & Tools)
- **connector** — 연결자 (Systems)

All feature: anthropomorphic blue sheep, lion silhouette, geometric sun, cracked earth.
See `scripts/cover_gen.py` for prompts. Featured image via MCP `create_post(featured_image=...)`.
Fallback: SVG templates at `references/svg-templates/`.

### 1b. Meme SVG (optional — cultural reference)

If the story has a natural meme angle, create a companion SVG. Recognizable meme formats:

| Template | Use Case |
|----------|----------|
| **Drake Reject/Approve** | Before/after comparison, old vs new |
| **"This is fine" (burning)** | Recognizable pain, debugging stories |
| **Galaxy brain** | Escalating understanding, growing insight |
| **Distracted boyfriend** | Three-way comparison, options trade-off |

See `references/svg-meme-templates.md` for SVG code templates.

### 2. Mermaid Diagrams
Inline ````mermaid` code blocks. Quartz renders natively as SVG.
Types: graph TD/LR, sequenceDiagram, flowchart

### 3. Excalidraw → PNG
For complex architecture/flow diagrams. Two-step process:
1. Create `.excalidraw.json` file with elements array (rectangles, text, arrows, etc.)
2. Convert to PNG via headless Chrome: `scripts/excalidraw-to-png.js`

```
NODE_PATH=~/.{{AGENT_NAME_LOWER}}/scripts/node_modules \
  node ~/.{{AGENT_NAME_LOWER}}/scripts/excalidraw-to-png.js \
    input.excalidraw.json \
    output.png
```

## Knowledge Base Files

| File | Path | Purpose |
|------|------|---------|
| **brand-guide** | `P4-cortex/content/brand-guide.md` | Voice, audience, platform strategy |
| **glossary** | `P4-cortex/content/glossary.md` | Project terms ({{AGENT_NAME}}, M-LOG, etc.) |
| **narrative_arc** | `P4-cortex/content/narrative_arc.md` | Published content continuity tracking |
| **content-inventory** | `P4-cortex/content/content-inventory.md` | All drafts/published with dedup topics |
| **writing-style-guide** | `P1-limbic/persona/writing-style-guide.md` | Tone, forbidden expressions, Korean voice |
| **form-template** | `https://dev.to/siiddhantt/building-reefwatch-a-coral-powered-production-triage-agent-23hf` | Canonical blog post 구조 — 반드시 이 형태를 따라라 |

## Post-Publish Enrichment — Links & References

After drafting, enrich the post with links before saving as draft:

From humanerd-drew/opencode-drewgent, MIT.

More from humanerd-drew/opencode-drewgent