Search

PythonReactSEOPDF
GitHub Skill

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

phananhtuan09☆ 0 Repository stars0 Repository forks

Installation

Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.

View source ↗Guides

Skill 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)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!