Design Styles

Apply professional design aesthetics to web and app projects with comprehensive style guidance, recommendations, and implementation details.

How to Use This Skill

1. Apply a Specific Style by Name

When user mentions a style (e.g., "use glassmorphism", "apply brutalist design", "make it minimalist"):

1. Read references/design-styles-comprehensive-reference.md and locate the requested style
2. Extract key characteristics, color palettes, typography, and layout principles
3. Provide specific, actionable implementation guidance:
   • Color schemes with hex codes
   • Typography recommendations (font families, sizes, weights)
   • Layout principles (spacing, grid, structure)
   • CSS/code examples demonstrating the style
   • Component-specific guidance (buttons, cards, navigation, etc.)
4. Reference real-world examples from the guide