Theme Builder
Skill Verifiziert AktivBuild light/dark theme from scratch or improve existing. Complete surface, text, and interactive color system
To automate the creation of comprehensive and consistent light/dark themes, saving developers time and ensuring design quality.
Funktionen
- Build light/dark themes from scratch
- Improve existing themes
- Generate complete color systems
- Output in project-appropriate formats
Anwendungsfälle
- When starting a new project and needing a theme foundation
- When refreshing or modernizing an existing theme
- When ensuring consistent theming across a design system
Nicht-Ziele
- Generating UI components
- Performing accessibility audits
- Writing application logic
Workflow
- Determine brand color and style direction
- Generate palette with `uiux_generate_palette` (brand, neutral, semantic, surfaces, text, borders, interactive)
- Generate dark mode variant
- Output theme in project-appropriate format (CSS vars, Tailwind, shadcn theme)
Practical Utility
- info:Edge casesThe SKILL.md mentions 'Output: Complete theme configuration ready to paste into the project,' implying graceful handling of successful generation, but explicit failure modes and recovery steps are not detailed.
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add Aboudjem/ui-ux-suite/plugin install ui-ux-suite@ui-ux-suiteQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
Ui Ux Pro Max
100UI/UX design intelligence with searchable style, palette, typography, and chart databases. Use when designing UI components, choosing colors/fonts, reviewing code for UX issues, building landing pages, or implementing responsive layouts.
A11y Audit
100Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets
UI UX Pro Max Brand Skill
99Markenstimme, visuelle Identität, Messaging-Frameworks, Asset-Management, Markenkonsistenz. Aktivieren für markenbezogene Inhalte, Tonalität, Marketing-Assets, Markeneinhaltung, Stilrichtlinien.
Design Intelligence
98Design system bootstrapping and token generation. Takes project context and outputs ready-to-use design tokens, Tailwind config, and CSS variables.
OilOil UI/UX Guide
95Führen Sie eine strukturierte UI/UX-Beratung durch, um (a) ein projektspezifisches Designsystem zu entwerfen und `design-spec.md` auszugeben, (b) eine bestehende Benutzeroberfläche mit priorisierten Korrekturen zu überprüfen oder (c) kompakte Do/Don't-Regeln für eine Oberfläche auszugeben. Löst aus, wenn der Benutzer ein Designsystem oder Designtoken definieren/erstellen/verfeinern möchte, eine Designspezifikation anfordert, eine vollständige UI-Überprüfung eines Bildschirms/Mockups/PR anfordert oder Designregeln für einen Oberflächentyp wünscht. Löst NICHT aus für enge Einzelfragen ("Ist diese Farbe OK?", "Sollte dieser Button größer sein?") – beantworten Sie diese direkt, ohne den Beratungsablauf zu starten.