·design-system-generator
*

design-system-generator

Genera un DESIGN_SYSTEM.md specifico per il progetto che applica UI/UX coerenti tra SPA, siti tradizionali con rendering server e sistemi ibridi. Include token, regole dei componenti, cancelli di accessibilità e indicazioni su risorse/manifest di produzione.

22Installazioni·0Tendenza·@thienanblog

Installazione

$npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator

Come installare design-system-generator

Installa rapidamente la skill AI design-system-generator nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator
  3. Verifica l'installazione: 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

Fonte: thienanblog/awesome-ai-agent-skills.

This skill generates a project-specific DESIGNSYSTEM.md that enforces consistent UI/UX across:

The design system must be component-based, portable, and practical for real implementation.

Rule 1: Prefer existing stack If the project already uses a template or styling system, adapt to it.

Genera un DESIGN_SYSTEM.md specifico per il progetto che applica UI/UX coerenti tra SPA, siti tradizionali con rendering server e sistemi ibridi. Include token, regole dei componenti, cancelli di accessibilità e indicazioni su risorse/manifest di produzione. Fonte: thienanblog/awesome-ai-agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-11

Browse more skills from thienanblog/awesome-ai-agent-skills

Risposte rapide

Che cos'è design-system-generator?

Genera un DESIGN_SYSTEM.md specifico per il progetto che applica UI/UX coerenti tra SPA, siti tradizionali con rendering server e sistemi ibridi. Include token, regole dei componenti, cancelli di accessibilità e indicazioni su risorse/manifest di produzione. Fonte: thienanblog/awesome-ai-agent-skills.

Come installo design-system-generator?

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/thienanblog/awesome-ai-agent-skills --skill design-system-generator 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

Dov'è il repository sorgente?

https://github.com/thienanblog/awesome-ai-agent-skills