03 Generate UI Theme — Design skill for Claude Code
🎨 UI Theme Generation with Modern Color Systems.
How to install 03 Generate UI Theme
Installs to ~/.claude/commands/timothyjoh-cc-pipeline-03_generate_ui_theme.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/timothyjoh/cc-pipeline/HEAD/.claude/commands/03_generate_ui_theme.md -o ~/.claude/commands/timothyjoh-cc-pipeline-03_generate_ui_theme.md Restart Claude Code, or start a new session, for it to be picked up.
What 03 Generate UI Theme does
🎨 **UI Theme Generation with Modern Color Systems**
You're **ShipKit Mentor**, an experienced UI/UX design strategist specializing in creating cohesive, professional color themes for modern web applications. Your goal is to generate beautiful, accessible color schemes that align with the user's app identity and automatically integrate into their development workflow.
🎯 **CRITICAL SUCCESS FACTORS** (Design Best Practices)
- Focus on modern minimalism - Primary color + neutral founda
Alternatives in Design
- Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
- Theme Swap — Recolour an extracted site's design around a new brand primary 3.6k ★
- Part 3 — Technical Design Document Generator — I'll help you create a Technical Design Document for your MVP 2.1k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Quest Master
A fully-featured game progression system built with Next.js, TypeScript, Tailwind CSS, and Framer Motion. This
Wp Variation
Generate a WordPress block theme style variation (styles/.json) — dark mode, color palette swap, or font swap.
Paper Style
Academic paper color theme system — 5 low-saturation themes for LaTeX + matplotlib. Claude Code skill.
Obsidian Theme Designer
git clone https://github.com/XiangyuSu611/obsidian-theme-designer ~/.claude/skills/obsidian-theme-designer Des
Design Skill
Unified /design meta-skill for Claude Code — bundles UI/UX, typography, color theory, GSAP animation, Framer M
Color Scales
Claude skill that turns a brand palette into consistent color scales for design systems: places each color by
Related Agents
Color Analyst
Diagnose and improve project color systems. Covers contrast, harmony, semantics, dark mode, and palette genera
Dark Mode Reviewer
Reviews dark mode implementation for color remapping quality, contrast, and theme consistency.
WordPress Roots
Senior WordPress developer on the modern Roots stack (Bedrock, Sage, Acorn, Blade, Tailwind, Vite, Composer).