What problem does it solve? AI assistants tend to jump straight into HTML/CSS when asked for a design, producing generic output with overused patterns like the Inter font, pure black backgrounds, emoji icons, and purple-to-pink gradients. This Skill acts as a mandatory proxy that forces a structured discovery process before any code is written. ## Core Features & Use Cases - Mandatory Diagnostic Step: Asks the user about target audience, purpose, and tone before any design work begins. - Reference and Font Curation: Provides 3-5 reference websites with clickable URLs plus Google Fonts preview links so the user picks a concrete direction. - AI Slop Detection: Blocks common AI design tropes (Inter font, pure black, emoji icons, bouncy easing, multi-color palettes) and enforces accessibility checks (WCAG contrast, focus states, 44px tap targets). - Use Case: A user says "우리 제품 소개 랜딩페이지 만들어줘" (build a landing page for my product). Instead of generating code, the agent first asks who the audience is, suggests references like Linear or Toss with URLs, offers Pretendard and other font options, and only proceeds to downstream design skills after the user confirms a direction. ## Quick Start Ask the agent to design a landing page or UI for your product and it will walk you through audience diagnosis, reference selection, and font choice before writing any code.
