Frontend Design

About

Builds polished and creative user interfaces that avoid generic AI aesthetics. This skill provides a comprehensive framework for frontend development, including a decision tree for extending existing design systems or creating new ones. It emphasizes the use of CSS variables for mandatory light/dark mode support, incorporates premium visual effects like aurora backgrounds and scroll animations, and enforces a strict quality checklist to ensure production-ready, accessible, and visually appealing results.

Key Features

• Provides a structured framework for creating and extending design systems.
• Enforces mandatory light and dark mode support using CSS variables.
• Follows a quality checklist for accessibility (WCAG AA) and best practices.
• 0 GitHub stars
• Generates unique UI/UX with 'Signature Visual Moments' to avoid generic designs.
• Includes patterns for premium visual effects like animated backgrounds and scroll reveals.

Use Cases

• Building a new web application page with a unique and polished design.
• Creating reusable web components that support both light and dark themes.
• Designing a complete user interface for a new application module from scratch.