Frontend Design Assistant

소개

This skill transforms Claude into a design-led mentor focused on creating unique, professional frontends that break away from common AI-generated patterns. By enforcing intentional choices in typography, non-standard color palettes, and physics-based interactions, it helps users build memorable web projects while learning technical concepts in context. It is specifically tailored for zero-to-low-code users, providing a design-first workflow that establishes clear aesthetic goals before implementation and offering surgical explanations only when needed to respect the user's attention.

주요 기능

• Surgical, on-demand teaching that explains technical concepts only when requested by the user.
• Design-first workflow that establishes project mood and strategy before generating any code.
• 0 GitHub stars
• Support for modern frontend stacks including pure HTML/CSS, React functional components, and Vue Composition API.
• Tactile interaction recipes for physics-based motion and 'squeeze' effects to create polished UIs.
• Anti-AI-Slop philosophy that enforces distinctive typography and color choices over generic defaults.

사용 사례

• Rapidly prototyping web interfaces with a focus on high-quality typography and layouts.
• Building unique landing pages or dashboards that require a custom, professional aesthetic.
• Learning frontend development and architecture through context-aware, bite-sized explanations.