Paleta de colores y generación de temas a partir de colores de marca. Úselo al configurar la temática del proyecto, crear esquemas de color shadcn/Tailwind, verificar el contraste de accesibilidad WCAG o crear el modo oscuro. Incluye herramientas API para generación de paletas y validación de contraste.
Instala rápidamente el skill de IA frontend-color-system en tu entorno de desarrollo mediante línea de comandos
Fuente: 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 |
Paleta de colores y generación de temas a partir de colores de marca. Úselo al configurar la temática del proyecto, crear esquemas de color shadcn/Tailwind, verificar el contraste de accesibilidad WCAG o crear el modo oscuro. Incluye herramientas API para generación de paletas y validación de contraste. Fuente: petbrains/mvp-builder.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-systemPaleta de colores y generación de temas a partir de colores de marca. Úselo al configurar la temática del proyecto, crear esquemas de color shadcn/Tailwind, verificar el contraste de accesibilidad WCAG o crear el modo oscuro. Incluye herramientas API para generación de paletas y validación de contraste. Fuente: petbrains/mvp-builder.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-system Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/petbrains/mvp-builder