skills.rest
phananhtuan09
phananhtuan09COMMUNITY
Explore all skills by this author →
GitHub

theme-factory

Generate cohesive UI themes from brand personality cues.

1|Updated Oct 30, 2025
Search Tags:#typography#design#branding#ui#theme#color#palette
One-click install
npx skills add https://github.com/phananhtuan09/ai-agent-workflow --skill theme-factory-phananhtuan09
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: theme-factory
Source: https://github.com/phananhtuan09/ai-agent-workflow/tree/main/.opencode/skill/theme-factory
Command: npx skills add https://github.com/phananhtuan09/ai-agent-workflow --skill theme-factory-phananhtuan09

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates cohesive, beautiful UI themes when no design specifications are provided, preventing generic interfaces and saving design time.

Core Features & Use Cases

  • Interactive theme selection based on brand personality
  • Color palette generation with primary, neutral, and semantic colors
  • Typography, spacing, and visual style guidance aligned to branding
  • Use case: when a project lacks a defined design system, generate a complete theme that matches brand signals

Quick Start

Ask for brand personality and color preferences, then generate a cohesive theme proposal.

Frequently Asked Questions about theme-factory

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a UI theme from brand personality when there are no design specs?▼

You generate a UI theme from brand personality by providing brand cues and color preferences, which produces a cohesive specification covering color harmony, typography, spacing, and elevation systems. This prevents generic interfaces when a project lacks a defined design direction.

What is included in a generated UI color palette and typography system?▼

A generated UI color palette and typography system includes primary, neutral, and semantic colors, alongside typography, spacing, and visual style guidance. These elements are aligned to your brand signals to ensure visual harmony across product dashboards or landing pages.

Can I use brand personality to create a complete design system for a product dashboard?▼

Yes, you can use brand personality to create a complete design system for a product dashboard. The generation process delivers a full theme specification that satisfies requirements for color harmony, typography, spacing, and an elevation system.

What is the best way to ensure color harmony and visual style match my branding?▼

The best way to ensure color harmony and visual style match your branding is through interactive theme selection based on brand personality. This approach generates primary, neutral, and semantic colors alongside matching typography and spacing guidance.

Do I need existing design specs to generate a cohesive UI theme?▼

No, you do not need existing design specs to generate a cohesive UI theme. The process is specifically built for scenarios where a team lacks a defined design direction, requiring only brand personality cues to deliver a complete theme.

Related Skills

Explore More Design & Creative Skills→
phananhtuan09phananhtuan09

frontend-design-theme-factory

Generate UI themes with color palettes, typography, spacing, and visual tokens.

Community
Advanced
K9i-0K9i-0
1

ui-theming

Extract design tokens from reference images and apply them to Flutter ThemeData.

Community
Intermediate
AshesOfTheUndeadAshesOfTheUndead

professional

Standardize Roblox UI design systems with semantic design tokens and WCAG 2.2 accessibility rules.

Community
Intermediate
Forexgod21Forexgod21
6

complete-design-system-brand-guidelines

Generate brand guidelines with color palettes, typography, spacing, and tone of voice.

Community
Advanced