Theme Builder

Skill Verified Active

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

Purpose

To automate the creation of comprehensive and consistent light/dark themes, saving developers time and ensuring design quality.

Features

Build light/dark themes from scratch
Improve existing themes
Generate complete color systems
Output in project-appropriate formats

Use Cases

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

Non-Goals

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

First, add the marketplace

/plugin marketplace add Aboudjem/ui-ux-suite

/plugin install ui-ux-suite@ui-ux-suite

Quality Score

Verified

96 /100

Analyzed 1 day ago

Trust Signals

Last commit1 day ago

GitHub owner Aboudjem

Stars3

Downloads 415

LicenseMIT

Status

View Source

Similar Extensions

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

Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.

Skill

nextlevelbuilder

Design Intelligence

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

Run a structured UI/UX consultation to either (a) co-design a project-specific design system and emit `design-spec.md`, (b) review an existing UI with prioritized fixes, or (c) emit compact do/don't rules for a surface. Triggers when the user wants to define / build / refine a design system or design tokens, asks for a design spec, asks for a full UI review of a screen / mockup / PR, or wants design rules for a surface type. Do NOT trigger for narrow one-off questions ("is this color OK?", "should this button be larger?") — answer those directly without invoking the consultation flow.

Skill

oil-oil