design-craft
Design Craft
Constraints + Consistency + Restraint = Quality. This skill makes LLMs produce world-class UI instead of generic slop.
The core problem: LLMs converge on the statistical median of every Tailwind tutorial and Bootstrap template. The result is generic, safe, forgettable. This skill enforces specific, opinionated rules that break out of that median.
Anti-Slop Rules (CRITICAL — read first, check last)
These are the fingerprints of AI-generated UI. Violating even one makes the output look machine-made.
| AI Slop Pattern | Why It Screams "AI" |
|---|---|
| Purple-to-blue gradient hero | Single most common AI training pattern |
| Gradient text on metrics/headings | Decorative without purpose |
| Dark mode + glowing accents as default | Avoids actual design decisions |
| Glassmorphism everywhere | Overrepresented in 2021-2023 training data |
| Centered heading + subtitle + button + 3-card grid | The #1 AI layout — appears in 90%+ of template sites |
More from fasalzein/design-skills
design-qa
Universal UI quality gates — accessibility, consistency, hardening, performance, responsive checks. Pre-ship checklist. Works with any AI agent, any framework.
9laws-of-ux
User-psychology rules for UX decisions — cognitive load, attention, memory, mental models, motor cost, perception. Use when choosing nav structure, form length, decision flows, content ordering, error recovery, onboarding, progress indicators, or microcopy. Complements design-craft (craft) with the WHY (psychology).
9