What it does
AI-built pages share a look because the model reaches for the safe average of its training data. The fix — every practitioner agrees — is a system, not a cleverer prompt: separate the creative decisions from the code. This skill runs three modes. It extracts a design-token system from your brief (a type pairing with personality, not the Inter default; a real palette, not the purple gradient; an asymmetric layout that breaks the centered-hero cliche). It plans a motion timeline — the purposeful animation AI never generates by default and the biggest premium separator. And it audits the finished HTML for the documented AI tells, so nothing generic ships.
Why this beats just asking AI
Ask a chatbot for a website and it gives you the median of everything it's seen — competent, and identical to every other AI site. This skill forces the discipline a design lead uses: decide type and palette deliberately before any code, plan motion as a timeline, then catch the tells in review. The category-leading free version of this idea has 277,000+ installs — proof people want it. This is the paid, complete-system version: extract, motion, and a real audit that scores your build PASS/WARN/FAIL on each AI tell.
What you get
📄 The skill itself (SKILL.md)
🧠 The 3-mode engine (extract · motion · audit)
🎨 Design-system extractor
🎬 The motion-timeline planner
🔍 The AI-tell auditor (PASS/WARN/FAIL)
📚 The anti-generic method reference
▶️ Quick-start (the words to type)
🗒️ 12 months of free updates
How it works
- Install it in your own Claude once (two minutes — instructions included).
- Describe what you're building — it extracts a design system and plans the motion.
- Build against those tokens, then run the audit until it reads "distinctive."
Honest note: It produces a distinctive, well-built design or component — not a full brand system with custom illustration or photography. It designs from your brief and won't invent your real logo or content.
Want it set up for you?Buy the skill and add professional setup — we'll install it in your Claude and walk you through your first run.
See how setup works →
Frequently asked
What do I get — code or a picture?+
Real, working front-end code (HTML/CSS, or a component) you can use, plus the design reasoning behind it.
Will it look AI-generated?+
That's the whole point — no. It deliberately avoids the templated looks that read as AI-made and derives a distinctive direction from your subject.
Do I need to be a designer?+
No. You describe what you're building and who it's for; the skill makes the design decisions and explains them.
Is it a subscription?+
No. One-time $29, yours to keep, free updates for 12 months.