Claude Design System

Build professional design systems from competitor inspiration using a systematic workflow.

STRICT RULE: No Emojis in UI Output

NEVER use emojis anywhere in generated UI code. No emoji in JSX, text content, labels, buttons, headings, placeholders, tooltips, or any rendered string. Use Lucide React icons instead when visual indicators are needed. This rule is non-negotiable.

STRICT RULE: Ask Before Building

NEVER skip the discovery phase. Before doing ANY work (extracting, merging, designing), ask the user questions to understand what they need. Do not assume. Do not jump straight into generating.

Discovery Phase (ALWAYS DO THIS FIRST)

Before any step in the workflow, gather context by asking the user: