Design System Audit & Extend
Findet hardcoded Werte, inkonsistente Naming-Patterns und Drift im Design-System. Plus: schlägt neue Patterns vor, die zur Architektur passen.
Für wen
Design-System-Lead, Senior-Frontend, DesignOps
Use Cases
- Vor einem System-Cleanup: Wo sind die Schmerzpunkte?
- Neue Komponente designen, die zum Bestand passt
- Audit nach 6 Monaten Wachstum
Sag das, um den Skill zu aktivieren
„Audit my design system"„Design a new pattern that fits"„Document this design system component" Installieren
mkdir -p ~/.claude/skills/design-design-system && curl -fsSL https://collectivebrain.de/skills/design-design-system/SKILL.md -o ~/.claude/skills/design-design-system/SKILL.md
Der Befehl legt die SKILL.md dieser Seite direkt im richtigen Verzeichnis ab. Kein Terminal? Datei unten herunterladen und in Claude.ai unter Einstellungen, Fähigkeiten hochladen. Brauchst du Hilfe beim Setup? Wie installiere ich 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
Kompakte, eigenständige Fassung von Collective Brain. Die ausführliche Original-Version findest du in der Quelle ↗.
Skill teilen
Über diesen Skill
Design System Audit & Extend kommt von Anthropic und ist Teil des offiziellen Anthropic-Skills-Repos. Kuratiert und gepflegt von Anthropic. Quelle ansehen ↗
Diesen Skill auf dein Team zuschneiden?
Design System Audit & Extend ist ein guter Start. Richtig stark wird ein Skill, wenn er deine Workflows, Vorlagen und Tonalität kennt. Wir bauen Custom Skills für Teams, von der Analyse bis zum Rollout, und binden sie über unser Web Development in deine Systeme ein.
Custom Skill anfragen →