Frontend Design

Name: Frontend Design
Author: diogo-heleno

•

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

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.

Características Principales

01Enforces the 'Breath of Now' design system, including a specific color palette, typography, and animation library.

02Integrates responsive, mobile-first design patterns using Tailwind CSS.

03Provides clear aesthetic guidelines and anti-patterns to avoid generic AI-generated designs.

04Includes an implementation checklist to verify code against design, accessibility, and internationalization standards.

05Utilizes the project's existing UI component library for consistency and development speed.

061 GitHub stars

Casos de Uso

01Developing new UI components from scratch.

02Building full pages or application layouts with a consistent, polished look.

03Styling existing elements or creating custom animations and micro-interactions.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add diogo-heleno/breathofnow frontend-design

For use in Claude.ai and ChatGPT