Frontend-Web-UI-Craft-Skill-Claude-Codex은(는) 무엇을 하나요?
Codex/Claude 스킬로, 세련된 웹 UI를 설계하고 개선합니다. 사용자 의도, 제품 아키타입, 레이아웃 계층, 반응형 상태, 시각 시스템, 접근성, 브라우저 기반 QA를 통해 사용성과 의도성이 느껴지는 프로덕션 준비 완료 인터페이스를 제작하도록 에이전트를 안내합니다.
Codex/Claude 스킬로, 세련된 웹 UI를 설계하고 개선합니다. 사용자 의도, 제품 아키타입, 레이아웃 계층, 반응형 상태, 시각 시스템, 접근성, 브라우저 기반 QA를 통해 사용성과 의도성이 느껴지는 프로덕션 준비 완료 인터페이스를 제작하도록 에이전트를 안내합니다.
이 스킬은 Claude Code 또는 Codex와 같은 AI 코딩 에이전트가 고품질의 웹 프론트엔드 UI를 디자인하고 리팩토링할 수 있도록 체계적인 워크플로우를 제공하는 SKILL입니다. 사용자 의도 분석, 제품 아키타입 결정, 계층적 레이아웃 설계, 반응형 및 상호작용 상태 처리, 시각 디자인 시스템 구축, 웹 접근성(WCAG) 준수, 그리고 브라우저 기반 QA 테스트를 단계별로 안내합니다. 개발자가 단순히 코드를 생성하는 것을 넘어, '사용하기 쉽고 의도적인' 인터페이스를 만들 수 있도록 컨텍스트와 기준을 제시하는 것이 핵심입니다. Cursor, Codex, Claude Code 등 다양한 AI 에이전트 플랫폼에서 사용 가능하며, AI가 디자인 결정을 내릴 때 참고할 수 있는 실용적인 가이드라인과 예시를 포함하고 있습니다.
npx skills add Evan1108-Coder/Frontend-Web-UI-Craft-Skill-Claude-CodexCodex/Claude 스킬로, 세련된 웹 UI를 설계하고 개선합니다. 사용자 의도, 제품 아키타입, 레이아웃 계층, 반응형 상태, 시각 시스템, 접근성, 브라우저 기반 QA를 통해 사용성과 의도성이 느껴지는 프로덕션 준비 완료 인터페이스를 제작하도록 에이전트를 안내합니다.
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".