frontend-design

Overview: Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.

Key Features:

• Structured design workflow for UI components, landing pages, and dashboards
• ASCII wireframes for layout design
• Modern color definitions using oklch()
• Font selection guidelines
• Spacing and shadow rules
• Theme patterns for dark mode, neo-brutalism, and glassmorphism
• Animation guidelines for micro-interactions and transitions

How It Works: Follow the structured design workflow to create beautiful, modern UIs. Start with layout design, then move on to theme design, animation design, and finally implementation.

Use Cases:

• Building landing pages
• Creating dashboards
• Designing UI components
• Developing modern web applications