Tavolozza dei colori e generazione di temi dai colori del marchio. Da utilizzare durante l'impostazione dei temi del progetto, la creazione di combinazioni di colori shadcn/Tailwind, il controllo del contrasto dell'accessibilità WCAG o la creazione della modalità oscura. Include strumenti API per la generazione di tavolozze e la convalida del contrasto.
Installa rapidamente la skill AI frontend-color-system nel tuo ambiente di sviluppo tramite riga di comando
Fonte: petbrains/mvp-builder.
| AA | 4.5:1 | 3:1 | | AAA | 7:1 | 4.5:1 |
| Blue | #2563EB | 4.5:1 ✓ | | Indigo | #4F46E5 | 4.9:1 ✓ | | Purple | #7C3AED | 4.5:1 ✓ | | Green | #16A34A | 4.5:1 ✓ | | Red | #DC2626 | 4.5:1 ✓ |
| Slate | Cool blue | Tech, modern | | Zinc | Cool neutral | Professional | | Neutral | Pure gray | Minimal | | Stone | Warm brown | Organic |
Tavolozza dei colori e generazione di temi dai colori del marchio. Da utilizzare durante l'impostazione dei temi del progetto, la creazione di combinazioni di colori shadcn/Tailwind, il controllo del contrasto dell'accessibilità WCAG o la creazione della modalità oscura. Include strumenti API per la generazione di tavolozze e la convalida del contrasto. Fonte: petbrains/mvp-builder.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-systemTavolozza dei colori e generazione di temi dai colori del marchio. Da utilizzare durante l'impostazione dei temi del progetto, la creazione di combinazioni di colori shadcn/Tailwind, il controllo del contrasto dell'accessibilità WCAG o la creazione della modalità oscura. Include strumenti API per la generazione di tavolozze e la convalida del contrasto. Fonte: petbrains/mvp-builder.
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/petbrains/mvp-builder --skill frontend-color-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/petbrains/mvp-builder