design Skills

Strips out default AI tech-aesthetic color palettes and forces a strict monochrome scale with exactly one high-contrast accent color. Use this skill whenever the user explicitly wants to avoid "AI purple" or generic tech gradients, asks for a monochrome or single-accent UI, says things like "no purple", "no gradients", "minimal color", "black and white with one color", "brutalist palette", "stark contrast", or "anti-AI aesthetic". Also trigger when the user says the UI looks "too AI", "too generic", "too techy", or "like every other SaaS app". Apply this skill in combination with the frontend-design skill whenever both are relevant — this skill governs the color system, while frontend-design governs layout and typography.

Snaps all padding, margins, gaps, and spacing values to a strict 4pt/8pt grid system. Use this skill whenever the user wants consistent spacing, mentions 'spacing feels off', 'padding is inconsistent', 'align the whitespace', 'use a spacing scale', '8pt grid', '4pt grid', or 'everything feels uneven'. Also trigger when the user says the UI looks 'cramped', 'loose', 'unbalanced', or 'misaligned' — these are often spacing problems. Apply in combination with frontend-design and anti-purple-ui when all three are relevant; this skill governs the spacing system, the others govern color and aesthetics.

Injects polished CSS micro-interactions into existing or new frontend code — hover scales, focus rings, button press feedback, link underlines, card lifts, ripple effects, skeleton loaders, and more. Use this skill whenever the user asks to "add animations", "make it feel more interactive", "add hover effects", "improve UX polish", "add transitions", "make buttons feel better", or anytime existing UI code looks static or unresponsive. Trigger even when the user hasn't said "micro-interaction" explicitly — phrases like "feels dead", "too plain", "make it snappier", "improve feel", or "add some life to it" are all strong signals. Combine with the frontend-design skill when building from scratch.