Creazione di sistemi di progettazione collaborativa utilizzando la metodologia Atomic Design. Produce un artefatto di specifica con filosofia, token e gerarchia dei componenti. Attivalo quando crei un sistema di progettazione, definisci il linguaggio visivo, specifichi i token dell'interfaccia utente o pianifichi l'architettura dei componenti prima dell'inizio dell'implementazione.
Installa rapidamente la skill AI design-system nel tuo ambiente di sviluppo tramite riga di comando
Fonte: jwilger/agent-skills.
Value: Communication -- a documented design system creates shared vocabulary for every visual decision. When philosophy is explicit and tokens are named, contributors extend the system consistently without guessing at intent.
Facilitates collaborative creation of a design system specification. Produces an artifact at docs/design-system.pen (if Pencil MCP is available) or docs/design-system.html (single-file fallback) that documents philosophy, tokens, and the full component hierarchy from atoms through templates.
Decide the format before starting any design work. Do not switch formats mid-process.
Creazione di sistemi di progettazione collaborativa utilizzando la metodologia Atomic Design. Produce un artefatto di specifica con filosofia, token e gerarchia dei componenti. Attivalo quando crei un sistema di progettazione, definisci il linguaggio visivo, specifichi i token dell'interfaccia utente o pianifichi l'architettura dei componenti prima dell'inizio dell'implementazione. Fonte: jwilger/agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/jwilger/agent-skills --skill design-systemCreazione di sistemi di progettazione collaborativa utilizzando la metodologia Atomic Design. Produce un artefatto di specifica con filosofia, token e gerarchia dei componenti. Attivalo quando crei un sistema di progettazione, definisci il linguaggio visivo, specifichi i token dell'interfaccia utente o pianifichi l'architettura dei componenti prima dell'inizio dell'implementazione. Fonte: jwilger/agent-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/jwilger/agent-skills --skill design-system Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/jwilger/agent-skills