독창적이고 바로 출시 가능한 프론트엔드 인터페이스를 고품질 디자인으로 제작합니다. 웹 컴포넌트, 페이지, 아티팩트, 포스터, 애플리케이션(예: 웹사이트, 랜딩 페이지, 대시보드, React 컴포넌트, HTML/CSS 레이아웃, 또는 웹 UI 스타일링/미적 개선 작업)을 구축할 때 이 스킬을 적용하세요. 판에 박힌 AI 미학을 피하고 독창적이고 정제된 코드와 UI 디자인을 제공합니다.
이 스킬은 개발자가 독창적이고 고품질의 프론트엔드 인터페이스를 제작할 수 있도록 설계된 AI 어시스턴트 가이드입니다. 웹사이트, 랜딩 페이지, 대시보드, React 컴포넌트, HTML/CSS 레이아웃 등 다양한 웹 UI 작업에서 판에 박힌 AI 미학 대신 정제되고 독창적인 디자인을 제공합니다. Claude Code, Cursor, Codex 등 주요 AI 에이전트 플랫폼에서 사용할 수 있으며, 사용자의 요청에 따라 즉시 출시 가능한 코드와 UI 디자인을 생성합니다. SKILL.md 문서에 정의된 지침을 따라 AI가 일관된 디자인 원칙을 유지하면서도 창의적인 결과물을 낼 수 있도록 합니다.
npx skills add https://github.com/daniel-dan-conrad/ui-designer-skill/tree/main/skills/ui-designer독창적이고 바로 출시 가능한 프론트엔드 인터페이스를 고품질 디자인으로 제작합니다. 사용자가 웹 컴포넌트, 페이지, 아티팩트, 포스터, 또는 애플리케이션(예: 웹사이트, 랜딩 페이지, 대시보드, React 컴포넌트, HTML/CSS 레이아웃, 또는 웹 UI 스타일링/미적 개선과 관련된 모든 작업)을 구축하고자 할 때 이 스킬을 적용하세요. 판에 박힌 AI 미학을 피하고 독창적이고 정제된 코드와 UI 디자인을 제공합니다.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".