Farbpalette und Themengenerierung aus Markenfarben. Verwenden Sie diese Option, wenn Sie Projektthemen einrichten, Schatten-/Tailwind-Farbschemata erstellen, den WCAG-Barrierefreiheitskontrast überprüfen oder einen Dunkelmodus erstellen. Enthält API-Tools zur Palettengenerierung und Kontrastvalidierung.
Installieren Sie den KI-Skill frontend-color-system schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: 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 |
Farbpalette und Themengenerierung aus Markenfarben. Verwenden Sie diese Option, wenn Sie Projektthemen einrichten, Schatten-/Tailwind-Farbschemata erstellen, den WCAG-Barrierefreiheitskontrast überprüfen oder einen Dunkelmodus erstellen. Enthält API-Tools zur Palettengenerierung und Kontrastvalidierung. Quelle: petbrains/mvp-builder.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-systemFarbpalette und Themengenerierung aus Markenfarben. Verwenden Sie diese Option, wenn Sie Projektthemen einrichten, Schatten-/Tailwind-Farbschemata erstellen, den WCAG-Barrierefreiheitskontrast überprüfen oder einen Dunkelmodus erstellen. Enthält API-Tools zur Palettengenerierung und Kontrastvalidierung. Quelle: petbrains/mvp-builder.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-system Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/petbrains/mvp-builder