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.
Level ●●● Advanced
Spart 5, 10h Inventarisierung
Version v1.0
Updated 2026-04-12
Verfügbar in: claude-codecowork
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
claude code plugins install design
Brauchst du Hilfe beim Setup? Wie installiere ich Skills →
--- name: 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
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 ↗