product-ui-prototyping

Turn product ideas into testable UI behavior using generated and edited screen images. Produce state-by-state visuals, click-through transition logic, and per-platform viewers that teams can navigate end-to-end before implementation.

3) Create One Canonical Product Base Spec And Shell Lock

코딩하기 전에 제품 UI 동작을 시각적 상태 프로토타입으로 설계하고 검증합니다. 작업이 사용자 작업(클릭, 탭, 제출) 후 화면이 어떻게 변경되어야 하는지 묻는 경우, 개발자가 아닌 사람이 웹/iOS/Android UX 흐름을 검토해야 하는 경우 또는 팀이 구현을 위해 상호 작용 상태 자산 및 승인 확인이 필요한 경우에 사용합니다. 출처: autobyteus/autobyteus-skills.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다