Frontend Design

About

Builds creative and polished frontend web components, pages, and applications that follow the Breath of Now project's warm, nature-inspired aesthetic. This skill guides the creation of distinctive, production-grade interfaces, avoiding generic designs by implementing functional code with exceptional attention to detail. It enforces the project's specific design system, including its color palette, typography, and animation library, ensuring all new development is cohesive, memorable, and on-brand.

Key Features

• Enforces the 'Breath of Now' design system, including a specific color palette, typography, and animation library.
• Integrates responsive, mobile-first design patterns using Tailwind CSS.
• Provides clear aesthetic guidelines and anti-patterns to avoid generic AI-generated designs.
• Includes an implementation checklist to verify code against design, accessibility, and internationalization standards.
• Utilizes the project's existing UI component library for consistency and development speed.
• 1 GitHub stars

Use Cases

• Developing new UI components from scratch.
• Building full pages or application layouts with a consistent, polished look.
• Styling existing elements or creating custom animations and micro-interactions.