Review Animations
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
Prototype
Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.
Ui Skills Root
Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.
Design On
한 문장 요청에서 완성된 웹페이지를 만든다. 컬러 팔레트 78세트·서체 페어링·업종별 사진 레시피를 내장하고, 제작 4트랙·검수 3트랙을 병렬로 돌린 뒤 안티패턴 디텍터로 AI 티를 기계 검사한다. 완성 후에는 상호명·전화번호 같은 실제 정보를 직접 물어 채우고 사진 교체 여부를 확인한다. "카페 사이트 만들어줘", "필라테스 스튜디오 페이지", "세무사무소 홈페이지" 같은 웹페이지·랜딩페이지 제작 요청에 쓴다. 색상 팔레트 추천이나 업종별 디자인 툴 조회에도 쓴다.
Create Design Md
Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do not modify product source or promote accidental implementation patterns into design decisions.
Find Animation Opportunities
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use improve-animations or review-animations instead.
Improve Ui
Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to review, refine, improve, or clean up an interface without replacing its identity; investigate design-system drift; or prepare a design handoff.
Impeccable
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, ac…
Pick Ui Library
Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own.
Emil Design Eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.