Frontend Design

소개

This skill empowers users to build polished, memorable web components and applications by steering Claude away from generic AI-generated aesthetics. It provides comprehensive guidance on design thinking to establish a bold aesthetic direction—ranging from brutalist to luxury—and follows strict guidelines for typography, motion, and spatial composition. Whether creating a React component or a full web page, the skill ensures the output is functional, visually striking, and meticulously refined with intentional design choices like custom cursors, noise textures, and unexpected layouts.

주요 기능

• Advanced motion design using CSS and motion libraries
• Bold aesthetic direction planning using diverse design styles
• 147 GitHub stars
• Distinctive typography selection to avoid generic system fonts
• Creative spatial composition and grid-breaking layouts
• Atmospheric visual effects including grain overlays and gradient meshes

사용 사례

• Building a unique landing page that requires a specific, non-generic brand identity
• Developing production-grade components with polished micro-interactions and animations
• Crafting visually striking web applications that prioritize distinctive design and user delight