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 行為作為視覺狀態原型。當任務詢問使用者操作（點擊、點擊、提交）後畫面應如何變更時、當非開發人員需要審查 Web/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 中使用