48 design skills for Claude and other AI coding agents

If you have used AI coding agents to build a website, you already know the problem. You prompt Claude Code or Cursor to build a landing page, and it looks fine. You prompt it again for a pricing section, and the spacing is off. By the third prompt, the fonts are different, the button styles have drifted, and you are spending more time fixing design inconsistencies than actually building. Design skills solve this by giving your AI agent a single source of truth for how your interface should look and behave. Instead of describing your design preferences in every prompt, you install a skill file once and the agent follows it across every session. What are design skills? A design skill is a structured markdown file that encodes design system rules — typography scales, color tokens, spacing rhythms, component anatomy, interaction states, and accessibility requirements — in a format that AI coding agents can read and follow. Think of it as a design brief that never gets lost between prompts.