design-tokens
✓Wenden Sie Design-Token-Muster mit der @theme-Direktive von Tailwind CSS 4 an: CSS-Variablen, semantische Benennung, Farbsysteme, Typografieskalen, Abstände, dunkler Modus. Verwenden Sie es beim Entwerfen von UI-Systemen, beim Überprüfen der Designkonsistenz oder beim Festlegen von Markenrichtlinien. Integriert sich in Frontend-Design-Fähigkeiten für eine ästhetische Umsetzung.
Installation
SKILL.md
Design tokens are the single source of truth for design decisions.
Migration from Tailwind 3: Delete tailwind.config.js, move to CSS @theme.
Design tokens provide the foundation; frontend-design provides aesthetic direction.
Wenden Sie Design-Token-Muster mit der @theme-Direktive von Tailwind CSS 4 an: CSS-Variablen, semantische Benennung, Farbsysteme, Typografieskalen, Abstände, dunkler Modus. Verwenden Sie es beim Entwerfen von UI-Systemen, beim Überprüfen der Designkonsistenz oder beim Festlegen von Markenrichtlinien. Integriert sich in Frontend-Design-Fähigkeiten für eine ästhetische Umsetzung. Quelle: phrazzld/claude-config.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/phrazzld/claude-config --skill design-tokens- Quelle
- phrazzld/claude-config
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist design-tokens?
Wenden Sie Design-Token-Muster mit der @theme-Direktive von Tailwind CSS 4 an: CSS-Variablen, semantische Benennung, Farbsysteme, Typografieskalen, Abstände, dunkler Modus. Verwenden Sie es beim Entwerfen von UI-Systemen, beim Überprüfen der Designkonsistenz oder beim Festlegen von Markenrichtlinien. Integriert sich in Frontend-Design-Fähigkeiten für eine ästhetische Umsetzung. Quelle: phrazzld/claude-config.
Wie installiere ich design-tokens?
Ö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/phrazzld/claude-config --skill design-tokens Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/phrazzld/claude-config
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01