generic-design-system

When creating a NEW design system (not following an existing one):

| Existing design system | Follow it strictly | | No design system | Use this skill to establish foundations | | Partial system | Identify gaps, extend consistently |

| Primitive | --color-blue-500 | Raw values | | Semantic | --color-primary | Meaning | | Component | --button-background | Context |

Riferimento completo del sistema di progettazione per qualsiasi progetto: colori, tipografia, spaziatura, componenti, animazioni. Si adatta al tema del progetto e allo stack tecnologico. Da utilizzare durante l'implementazione dell'interfaccia utente, la scelta dei colori, la creazione di animazioni o la garanzia della coerenza del marchio. Per i nuovi sistemi di progettazione, utilizzare prima le competenze di ricerca sull'interfaccia utente. Fonte: travisjneuman/.claude.