Design System Audit & Extend
Finds hardcoded values, inconsistent naming patterns, and drift in your design system. Plus: proposes new patterns that fit the architecture.
Level ●●● Advanced
Saves 5 to 10 hours of inventory work
Version v1.0
Updated 2026-04-12
Available in: claude-codecowork
Who it is for
Design system leads, senior frontend devs, DesignOps
Use cases
- Before a system cleanup: where are the pain points?
- Design a new component that fits the existing set.
- Audit after 6 months of growth.
Say this to activate the skill
"Audit my design system""Design a new pattern that fits""Document this design system component" Install
mkdir -p ~/.claude/skills/design-design-system && curl -fsSL https://collectivebrain.de/en/skills/design-design-system/SKILL.md -o ~/.claude/skills/design-design-system/SKILL.md
The command drops this page's SKILL.md straight into the right directory. No terminal? Download the file below and upload it in Claude.ai under Settings, Capabilities. Need help with setup? How to install skills →
--- name: design-design-system description: Audit, document, or extend your design system. Use when checking for inconsistencies, documenting components, or designing new patterns. --- # Design System ## Audit Mode Scan for: - Hardcoded color/spacing/type values - Naming inconsistencies - Component duplicates / near-duplicates - Missing states (hover, focus, disabled, loading) - A11y gaps ## Documentation Mode Produce for each component: - Variants table - States (default, hover, active, focus, disabled, error, loading) - A11y notes (role, keyboard, screen reader) - Do / Don't examples ## Extend Mode Design a new pattern that: - Matches existing tokens - Composes from existing primitives where possible - Documents tradeoffs
Compact, self-contained version by Collective Brain. Find the full original in the source ↗.
Share this skill
About this skill
Design System Audit & Extend comes from Anthropic and is part of the official Anthropic skills repository, curated and maintained by Anthropic. View source ↗