Frontend Design

소개

Guides the creation of memorable, production-grade frontend interfaces that stand out. Use this skill to build web components, pages, or entire applications from scratch by following a 'design thinking' process to establish a bold aesthetic direction. It can also analyze user-provided screenshots or designs, extracting detailed guidelines for color, typography, and layout to ensure a faithful and high-quality implementation. The core focus is on meticulous execution and creative choices to produce visually striking results that avoid generic, AI-generated aesthetics.

주요 기능

• Explicitly avoids generic AI aesthetics, creating polished and memorable user interfaces.
• 0 GitHub stars
• Follows a 'Design Thinking' process to establish a bold, unique aesthetic for new interfaces.
• Generates creative, production-grade code with a strong focus on advanced aesthetics like typography, motion, and layout.
• Extracts detailed design guidelines (colors, typography, spacing) from screenshots or images.
• Integrates with multimodal AI to generate custom visual assets that match the design direction.

사용 사례

• Build a complete web page from a text description with a unique, non-generic design.
• Replicate the design and layout of a provided screenshot into functional HTML, CSS, and JavaScript.
• Create a visually striking UI component (e.g., a hero section, card, or navigation bar) for a web application.