Zum Hauptinhalt springen
Dieser Inhalt ist noch nicht in Ihrer Sprache verfügbar und wird auf Englisch angezeigt.

Theme Builder

Skill Verifiziert Aktiv
Teil von:UI/UX Suite

Build light/dark theme from scratch or improve existing. Complete surface, text, and interactive color system

Zweck

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

  1. Determine brand color and style direction
  2. Generate palette with `uiux_generate_palette` (brand, neutral, semantic, surfaces, text, borders, interactive)
  3. Generate dark mode variant
  4. 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-suite

Qualitätspunktzahl

Verifiziert
96 /100
Analysiert 1 day ago

Vertrauenssignale

Letzter Commit1 day ago
Sterne3
LizenzMIT
Status
Quellcode ansehen

Ähnliche Erweiterungen

Layout Audit

100

Layout and spacing audit covering grid, spacing consistency, density, responsive behavior

Skill
Aboudjem

Ui Ux Pro Max

100

UI/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.

Skill
spartan-stratos

A11y Audit

100

Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets

Skill
Aboudjem

UI UX Pro Max Brand Skill

99

Markenstimme, visuelle Identität, Messaging-Frameworks, Asset-Management, Markenkonsistenz. Aktivieren für markenbezogene Inhalte, Tonalität, Marketing-Assets, Markeneinhaltung, Stilrichtlinien.

Skill
nextlevelbuilder

Design Intelligence

98

Design system bootstrapping and token generation. Takes project context and outputs ready-to-use design tokens, Tailwind config, and CSS variables.

Skill
spartan-stratos

OilOil UI/UX Guide

95

Fü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.

Skill
oil-oil