design-system
🤖 AI Summary
Captures brand identity via a 10-question wizard (HEX colors, Google Fonts, design style), then applies those settings as defaults for all subsequent outputs.
How to Install
Claude Code:
git clone --depth 1 https://github.com/alirezarezvani/claude-skills.git && cp claude-skills/.gemini/skills/design-system ~/.claude/skills/design-system -rCaptures the user's brand identity once via a 10-question onboarding wizard (primary/accent HEX + heading + body Google Fonts + design style editorial/technical/minimal/playful + default output direct
Details
| Category | Design → ui |
| Source | alirezarezvani/claude-skills |
| SKILL.md | View on GitHub → |
| Repo Stars | ★ 18.9K |
| Est. per Skill | 47 (shared across 394 skills from this repo) |
| Difficulty | Intermediate |
| Risk Level | Safe |
Related Skills
brand-guidelines-community
Anthropic Brand Styling Overview To access Anthropic's official brand identity and style resources,
shadcn
shadcn/ui A framework for building ui, components and design systems. Components are added as source
ui-setup
UI Setup Overview Part of StyleSeed, this setup wizard turns a raw project into a design-system-guid
brand-guidelines
brand-guidelines > Curated from Anthropic's official skills repository. What it does Apply Anthropic
Works Well With
Skills from the same repository — often designed to work together
playwright-pro
Production-grade Playwright testing toolkit. Use when the user mentions Playwright tests, end-to-end
commands
/cs:write-a-skill — Author a new agent skill with Matt Pocock's 3-phase workflow (Gather → Draft → R
engineering
Create new agent skills with proper structure, progressive disclosure, and bundled resources. Use wh