Frontend Design

概要

This skill enables the creation of memorable, high-performance web interfaces that deliberately avoid generic AI-generated aesthetics. It provides a structured framework for design thinking, helping developers commit to bold aesthetic directions—ranging from brutalism and minimalism to retro-futurism. By integrating a rigorous screenshot examination protocol and detailed guidance on typography, spatial composition, and motion, it ensures that every component is both functional and visually striking. Use this skill to transform technical requirements into unique, polished digital experiences that prioritize intentionality and professional-grade execution.

主な機能

• Advanced spatial composition and grid-breaking layout techniques
• 0 GitHub stars
• Implementation of high-impact motion, animations, and micro-interactions
• Rigorous visual debugging through a screenshot examination protocol
• Atmospheric background effects including gradient meshes and grain overlays
• Guidance for distinctive typography and characterful font pairing

ユースケース

• Building unique, production-ready landing pages that stand out from generic templates
• Developing custom UI components with specific branding and aesthetic constraints
• Visually debugging and refining CSS layouts using browser-based inspection workflows