Palette de couleurs et génération de thèmes à partir des couleurs de la marque. À utiliser lors de la configuration du thème du projet, de la création de schémas de couleurs shadcn/Tailwind, de la vérification du contraste d'accessibilité WCAG ou de la création du mode sombre. Inclut des outils API pour la génération de palettes et la validation du contraste.
Installez rapidement le skill IA frontend-color-system dans votre environnement de développement via la ligne de commande
Source : 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 |
Palette de couleurs et génération de thèmes à partir des couleurs de la marque. À utiliser lors de la configuration du thème du projet, de la création de schémas de couleurs shadcn/Tailwind, de la vérification du contraste d'accessibilité WCAG ou de la création du mode sombre. Inclut des outils API pour la génération de palettes et la validation du contraste. Source : petbrains/mvp-builder.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-systemPalette de couleurs et génération de thèmes à partir des couleurs de la marque. À utiliser lors de la configuration du thème du projet, de la création de schémas de couleurs shadcn/Tailwind, de la vérification du contraste d'accessibilité WCAG ou de la création du mode sombre. Inclut des outils API pour la génération de palettes et la validation du contraste. Source : petbrains/mvp-builder.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-system Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/petbrains/mvp-builder