frontend-design-theme-factory
Interactive UI theme generation when user needs help choosing colors/fonts. Generates cohesive themes based on brand personality using color harmony theory. Use ONLY when user is UNCERTAIN about colors/theme and asks for help: - "What theme should I use?" "Help me pick colors" "Generate theme" - "What colors work well together?" "Suggest color palette" - User uncertain about design direction, needs aesthetic suggestions - Building UI with no design specs AND no color preference Keywords: theme, color palette, colors, fonts, brand personality, color harmony, aesthetic, style, visual style, look and feel, beautiful, attractive Interactive workflow: Ask personality → Present options → Generate custom theme. References pre-defined themes in .claude/themes/. Do NOT load for: - User already has clear colors/aesthetic in mind (use design-fundamentals) - Figma/design file provided (use figma-design-extraction) - User just needs to apply existing theme - Responsive layout questions (use design-responsive
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Features and purpose
Interactive UI theme generation when user needs help choosing colors/fonts. Generates cohesive themes based on brand personality using color harmony theory. Use ONLY when user is UNCERTAIN about colors/theme and asks for help: - "What theme should I use?" "Help me pick colors" "Generate theme" - "What colors work well together?" "Suggest color palette" - User uncertain about design direction, needs aesthetic suggestions - Building UI with no design specs AND no color preference Keywords: theme, color palette, colors, fonts, brand personality, color harmony, aesthetic, style, visual style, look and feel, beautiful, attractive Interactive workflow: Ask personality → Present options → Generate custom theme. References pre-defined themes in .claude/themes/. Do NOT load for: - User already has clear colors/aesthetic in mind (use design-fundamentals) - Figma/design file provided (use figma-design-extraction) - User just needs to apply existing theme - Responsive layout questions (use design-responsive
Quick start
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
Guides ↗Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-01-26
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!