Krowli/creative-landing

An agent skill that builds animated, award-level landing pages
instead of the usual template with cards and fades.
## What it does
Ask your agent for a landing page ("make a landing for my bakery", "redesign this page,
it looks boring", "make it like this site") and the skill runs the whole job:
Asks about the business, not about design. One message with numbered questions and
suggested answers. The client never has to pick a font or a "style".
Chooses the art direction itself and explains it in plain words, from the product's
own world: its material, ritual or data. It does not reach for "tech glow".
Requires two showcase scenes (the hero and one mid-page): 3D, WebGL, scroll-driven
stories, kinetic type, the client's photos turned into depth.
Builds with parallel subagents. Each owns its own files; the lead agent owns the
shared ones.
Checks everything in a headless browser. Screenshots at phone and desktop sizes,
fps under a throttled CPU, an overlap and framing checklist, and a render budget so
QA doesn't burn tokens.
Takes the site to launch: legal pages, search files, security headers, redirects
from the old site, and a handover table for the client.
## Install
Claude Code plugin (recommended, Claude Code 2.1.275 or later):
text
/plugin install creative-landing --marketplace Krowli/creative-landing
On older versions:
text
/plugin marketplace add Krowli/creative-landing
/plugin install creative-landing@krowli
As a plain skill (Claude Code or any agent that reads the
Agent Skills format):
sh
git clone https://github.com/Krowli/creative-landing.git
cp -R creative-landing/skills/creative-landing ~/.claude/skills/
QA scripts need Google Chrome and puppeteer-core:
sh
cd ~/.claude/skills/creative-landing/scripts && npm install
## Use
Just describe the page. The skill triggers on requests such as:
text
Make a landing page for my handmade candle shop. Photos are in ./photos.
This page looks generic. Redesign it, keep the copy.
Build a site like the one in this video, but for our sleep tracker.
## How it works
| Phase | Who | Output |
| 0. Interview | lead agent | business answers, client materials |
| 1. Art direction | lead agent | DIRECTION.md: core idea, motion character, scenes, palette, type, sections |
| 2. Checkpoint | client | "go", or three static mockups to choose from |
| 3. Scaffold | lead agent | app, tokens and a build-time token check, site chrome, search files |
| 4. Build | subagents in parallel | showcase scenes and sections |
| 5. QA loop | QA subagent, then builders | defect list, fps numbers, fixes |
| 6. Report | lead agent | what was built, lowest fps, what is still weak |
| 7. Revisions | lead agent, then the owning builder | plain-words complaints turned into fixes |
| 8. Launch | lead agent | legal pages, CSP, redirects, deploy verified live, handover |
Selling on the site (basket, payment, delivery) is added only when the client asks for it.
## What's inside