pagewrightlisted
Install: claude install-skill sys0xFF/pagewright
# SaaS Landing Page Builder
Generate landing pages that look like a senior product designer made them — not the generic
"purple-gradient AI slop" that most tools produce. The skill's whole job is to **avoid generic**.
It does that with three ideas working together:
1. **Design DNA** — before writing any markup, synthesize a *unique* visual system for THIS project
(palette, type, mood, density, motion, imagery style). This is what makes every output look like
its own product instead of a template.
2. **Remix, never clone** — draw structural and stylistic ideas from **≥3 different references** in
the bundled library. Copying one site produces a derivative; remixing many produces something new.
3. **Images do the heavy lifting** — the prettiest SaaS sites aren't pure CSS. Decide up front where a
real screenshot, an illustration, or an AI-generated image (Nano Banana / Gemini, etc.) belongs,
and leave first-class slots for them instead of trying to fake everything in gradients and blobs.
Output is **static HTML + Tailwind** (via CDN by default — zero build step, instant preview).
---
## The build flow
Follow these steps in order. Each links to a reference file — read it when you reach that step;
don't preload everything.
### Step 0 — Intake: "guide me" vs "you decide"
The **first thing** you do is ask the user how involved they want to be. Two modes:
- **You decide** → gather only the 2–3 essentials (what's the product, who's it for, what's the one
acti