saccoai-design-variations
Installation
SKILL.md
This skill takes an already-built website and produces N alternative design directions — each on its own git branch with a Vercel preview URL. The client gets a comparison table with clickable links to review each direction side-by-side before committing to one.
The skill works on any Next.js project, whether built by the saccoai pipeline or not. It invokes saccoai-frontend-design once per variation, using cross-variation constraints to guarantee each direction is genuinely different — not just a palette swap of the same idea.
Inputs
| Input | Required | Default | Description |
|---|---|---|---|
| Project path | Yes | cwd | Path to an existing built Next.js project |
--variations N |
No | 3 | Number of alternative designs to generate |
--depth shallow|deep |
No | shallow | How much of the visual layer to change |
| Aesthetic hints | No | auto-diversify | Optional per-variation direction (e.g., "make one brutalist, one editorial") |
Execution Model
Single-agent hybrid. Sequential by default. Uses superpowers for parallelism:
- dispatching-parallel-agents for Phase 2 (generating N design briefs in parallel) and Phase 4 (deploying N branches in parallel)
- Phase 3 is sequential per variation — git branch operations cannot be parallelised