awesome-design-skills

Why we included this project

Anyone who has watched an AI coding agent churn out the same generic interface knows the problem: the model has taste, but it is not your taste. This registry collects 67 design system skill files you can drop into Claude Code, Cursor, Codex, or similar tools, so the agent sticks to a consistent visual language instead of improvising. Each skill is a folder with a SKILL.md that encodes typography, color, spacing, component rules, accessibility constraints, and quality gates, plus a DESIGN.md that explains the design intent for the humans who maintain the project. Styles run from minimal and clean to glassmorphism, neobrutalism, and enterprise, so there is likely one that fits your product's direction, and you pull a skill with a single npx command or generate a custom one from interactive prompts. For teams that want repeatable, on-brand output from their coding agents without hand-writing every design rule, this is a practical starting point.