claude-design-system-prompt

Why we included this project

Most design prompts from LLMs produce the same generic gradient-and-emoji template, and this project exists to break that habit. It bundles a detailed, opinionated system prompt with fourteen procedural skills that steer a model toward disciplined, accessible design work: content hierarchy, WCAG compliance, keyboard navigation, spacing scales, and real CSS techniques like oklch() and text-wrap. The skills are meant to be invoked when needed, covering wireframing, generating variations, accessibility audits, and spotting AI-slop tropes. Since everything ships as plain markdown, you can load it into Claude, GPT, Gemini, or a local model and adapt it to your own workflow. Teams that want consistent, non-generic UI output from LLMs without building their own prompt stack will find a solid starting point.