디자인 문서 → UI 프로토타입 변환 스킬은(는) 무엇을 하나요?
디자인 문서를 리뷰된 UI 프로토타입으로 변환하는 Codex 스킬입니다.
디자인 문서를 리뷰된 UI 프로토타입으로 변환하는 Codex 스킬입니다.
이 스킬은 디자인 문서(예: 피그마 파일, 스펙 문서)를 분석하여 검토 가능한 UI 프로토타입(예: HTML/CSS, React 컴포넌트)으로 자동 변환합니다. 개발자는 디자인-개발 간극을 줄이고, 빠른 피드백을 위해 프로토타입을 팀원과 공유할 수 있습니다. 주로 Codex 기반 AI 코딩 에이전트에서 사용되며, 입력된 디자인 문서의 구조와 스타일을 해석하여 일관된 UI 코드를 생성합니다. 스킬의 세부 동작은 SKILL.md에 명시된 규칙과 예시에 따라, 디자인 요소를 적절한 프론트엔드 컴포넌트로 매핑하는 방식으로 작동합니다.
npx skills add KilimiaoSix/design-doc-to-ui-skill디자인 문서를 리뷰된 UI 프로토타입으로 변환하는 Codex 스킬입니다.
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".