Frontend design skill for creating premium, Awwwards-level UIs with Tailwind CSS. Provides magic prompt formulas, color palettes, and design patterns for stunning landing pages, dashboards, and components.
Create stunning, premium frontend designs that belong on Awwwards/Dribbble.
When asked to create frontend/UI:
"Create a [PROJECT TYPE] that looks like it belongs on Awwwards/Dribbble.
**Visual Style:**
- [AESTHETIC]: Modern/Minimalist/Bold/Futuristic/Elegant
- [COLOR MOOD]: Dark mode with [COLOR] accents / Light with vibrant [COLOR]
- [DESIGN TREND]: Glassmorphism/Neumorphism/Gradient/Bento grids
**Make it premium:**
- Smooth hover animations and micro-interactions
- Bold typography with proper hierarchy
- Perfect spacing and visual flow
- High contrast and accessibility
**Reference:** [SITE] or \"Think Stripe/Linear quality\"
Don't make it functional but boring - make it STUNNING."
| Request Type | Use This Style |
|---|---|
| SaaS Landing Page | Dark glassmorphism + purple/pink gradients |
| Dashboard | Forest Night or Ocean Depth theme |
| Hero Section | Bold gradient text + dual CTAs |
| Cards | Floating glassmorphism + hover lift |
| Buttons | Gradient backgrounds + smooth hover |
| Minimal Site | Whitespace + single accent color |
references/color-palettes.mdreferences/component-prompts.mdreferences/design-styles.mdTask: "Create a SaaS landing page"
Response: Use the magic prompt with:
- Style: Dark glassmorphism
- Colors: Purple Dream palette
- Components: Hero, feature cards, testimonials
- Reference: Stripe homepage vibe