theming-components
✓Bietet ein Design-Token-System und ein Design-Framework für einen konsistenten, anpassbaren UI-Stil für alle Komponenten. Deckt die vollständige Token-Taxonomie (Farbe, Typografie, Abstände, Schatten, Rahmen, Bewegung, Z-Index), Themenwechsel (benutzerdefinierte CSS-Eigenschaften, Themenanbieter), RTL/i18n-Unterstützung (logische CSS-Eigenschaften) und Barrierefreiheit (WCAG-Kontrast, kontrastreiche Themen, reduzierte Bewegung) ab. Dies ist die grundlegende Styling-Ebene, auf die ALLE Komponentenkenntnisse verweisen. Verwenden Sie diese Option, wenn Sie Komponenten thematisieren, den Hell-/Dunkelmodus implementieren, Markenstile erstellen, das visuelle Design anpassen, die Designkonsistenz sicherstellen oder RTL-Sprachen unterstützen.
Installation
SKILL.md
Comprehensive design token system providing the foundational styling architecture for all component skills, enabling brand customization, theme switching, RTL support, and consistent visual design.
Design tokens are the single source of truth for all visual design decisions. This skill provides:
| margin-left | margin-inline-start | | padding-right | padding-inline-end | | text-align: left | text-align: start |
Bietet ein Design-Token-System und ein Design-Framework für einen konsistenten, anpassbaren UI-Stil für alle Komponenten. Deckt die vollständige Token-Taxonomie (Farbe, Typografie, Abstände, Schatten, Rahmen, Bewegung, Z-Index), Themenwechsel (benutzerdefinierte CSS-Eigenschaften, Themenanbieter), RTL/i18n-Unterstützung (logische CSS-Eigenschaften) und Barrierefreiheit (WCAG-Kontrast, kontrastreiche Themen, reduzierte Bewegung) ab. Dies ist die grundlegende Styling-Ebene, auf die ALLE Komponentenkenntnisse verweisen. Verwenden Sie diese Option, wenn Sie Komponenten thematisieren, den Hell-/Dunkelmodus implementieren, Markenstile erstellen, das visuelle Design anpassen, die Designkonsistenz sicherstellen oder RTL-Sprachen unterstützen. Quelle: ancoleman/ai-design-components.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist theming-components?
Bietet ein Design-Token-System und ein Design-Framework für einen konsistenten, anpassbaren UI-Stil für alle Komponenten. Deckt die vollständige Token-Taxonomie (Farbe, Typografie, Abstände, Schatten, Rahmen, Bewegung, Z-Index), Themenwechsel (benutzerdefinierte CSS-Eigenschaften, Themenanbieter), RTL/i18n-Unterstützung (logische CSS-Eigenschaften) und Barrierefreiheit (WCAG-Kontrast, kontrastreiche Themen, reduzierte Bewegung) ab. Dies ist die grundlegende Styling-Ebene, auf die ALLE Komponentenkenntnisse verweisen. Verwenden Sie diese Option, wenn Sie Komponenten thematisieren, den Hell-/Dunkelmodus implementieren, Markenstile erstellen, das visuelle Design anpassen, die Designkonsistenz sicherstellen oder RTL-Sprachen unterstützen. Quelle: ancoleman/ai-design-components.
Wie installiere ich theming-components?
Ö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/ancoleman/ai-design-components --skill theming-components 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/ancoleman/ai-design-components
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01