prototype-to-product-ui은(는) 무엇을 하나요?
제품 요구사항과 UI 프로토타입을 기능적이고 시각적으로 검증된 웹 인터페이스로 변환하는 Codex 스킬입니다.
제품 요구사항과 UI 프로토타입을 기능적이고 시각적으로 검증된 웹 인터페이스로 변환하는 Codex 스킬입니다.
이 스킬은 개발자와 AI 에이전트가 제품 요구사항 명세서(PRD)와 UI 프로토타입(예: Figma 디자인, 스케치, 와이어프레임)을 실제로 동작하는 웹 인터페이스로 빠르게 전환할 수 있도록 설계되었습니다. 주로 Codex 플랫폼에서 사용되며, 입력된 프로토타입 이미지나 설명을 기반으로 HTML, CSS, JavaScript 코드를 생성하고, 결과물의 시각적 일관성과 기능적 정확성을 자동으로 확인합니다. 이 과정에서 반응형 디자인, 접근성, 사용자 경험(UX) 원칙을 준수하도록 안내하며, 반복적인 피드백 루프를 통해 최종 출력물이 원본 요구사항과 일치하는지 검증합니다. 개발자는 이 스킬을 통해 프로토타이핑에서 실제 제품 구현까지의 간격을 크게 줄일 수 있습니다.
npx skills add zhongy2026-gh/prototype-to-product-ui제품 요구사항과 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".