claude-design-system-prompt

Skill by ara.so — Design Skills collection.

What it does

claude-design-system-prompt is a reverse-engineered system prompt and skill library that transforms any LLM into an opinionated design collaborator that:

• Rejects AI slop: No generic SaaS gradients, emoji decoration, or rounded-corner cards
• Enforces accessibility: WCAG compliance, semantic HTML, keyboard navigation, motion preferences
• Prioritizes content: Every element must earn its place—no filler
• Uses real web standards: CSS Grid, oklch(), text-wrap: pretty, interactive prototypes
• Thinks in systems: Components and tokens over one-off pages

The prompt includes 20 design principle chapters and 14 invokable procedural skills for production, extraction, and review work.

Installation

Clone the repository