project-cover-generation

Builds the hero cover for a portfolio project page — a technically grounded SVG composition that encodes the project's core concept, approved in three sequential gates: direction proposals → base composition → optional annotations. Always produces a live React SVG component when theme-adaptive colors or handwritten annotations are needed; falls back to a static WebP/PNG only when no theme adaptation is required. Use this skill after project assets are approved and the user says things like "build the hero cover for <slug>", "make the cover", "design the hero", "generate the cover direction", "what should the cover look like", or "it needs a hero image". Fire on any cover or hero request tied to a project page even without the word "cover" — phrases like "make it look good on the card" or "give it a hero" imply this skill. Do NOT fire for content extraction (separate skill), asset generation (separate skill), or UI/page review (playwright-cli).

By 95-ag schedule Updated 6/1/2026