← LeaderboardThe Skill Leaderboard

vector-cover

Flat vector editorial cover illustrations in HTML and SVG, rendered to a 2400x960 PNG with headless Chrome

Description awaits a fresh source check.

Published by huytieu ↗huytieu/COG-second-brain

Try your first task

Create an editorial vector cover

Start a fresh conversation. Replace the highlighted placeholders.

Use vector-cover to create an HTML/SVG editorial cover for [article title and central idea], following the canonical .claude playbook and COG rules. Adapt its template with balanced serif type and a line-art motif that expresses the idea; retain the flat palette, cream blob and exactly one accent colour. Render a crisp 2400×960 PNG with local Chrome or Chromium and inspect it for clipping and headline collisions. Deliver the PNG with project working files; do not publish it.

Required inputs

COG rules

User-approved starter prompt based on a pinned source version; check current skill requirements before running. Task evidence ↗

SKILL.md

name: vector-coverdescription: Flat vector editorial cover illustrations in HTML and SVG, rendered to a 2400x960 PNG with headless Chrome

Read .claude/skills/vector-cover/SKILL.md and execute it exactly as written; that file is the authoritative playbook. Then follow .agents/rules/cog.md.

Antigravity substitution: where the playbook delegates to a .claude/agents/<name> worker, invoke .agents/agents/<name>.md via invoke_subagent instead.