Browse / Design Tools / Frontend Design

Frontend Design

Creates distinctive, production-grade frontend interfaces with a high-quality, warm, and nature-inspired aesthetic for the Breath of Now project.

SkillDesign ToolsProject Management

The source repository doesn't declare a license. Check its terms before reusing the code.

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.

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.