第三阶段：UI/UX 模型和线框设计。 创建线框图、屏幕流程和用户旅程图。 下一步：$phase-4-api。 触发器：模型、线框、UI 设计、UX、屏幕设计、原型、 목업, 와목어프레임, 화면 설계, UI 디자인, モックアップ, ワイヤーfureーmu, 原型设计,线框图,maqueta,wireframe,maquette,Wireframe,Mockup 请勿用于：编码约定（使用 $phase-2-convention）、组件（使用 $phase-5-design-system）。
通过命令行快速安装 phase-3-mockup AI 技能到你的开发环境
来源：popup-studio-ai/bkit-codex。
Phase 3 creates visual blueprints for the application. Mockups prevent expensive redesigns during development and align stakeholders on the user experience.
| start | Begin Phase 3 | $phase-3-mockup start | | screens | List all screens needed | $phase-3-mockup screens | | flow | Create user flow diagram | $phase-3-mockup flow |
| Mobile | < 640px | Single column, hamburger menu | | Tablet | 640-1024px | Two columns, condensed nav | | Desktop | > 1024px | Full layout, sidebar visible |
第三阶段：UI/UX 模型和线框设计。 创建线框图、屏幕流程和用户旅程图。 下一步：$phase-4-api。 触发器：模型、线框、UI 设计、UX、屏幕设计、原型、 목업, 와목어프레임, 화면 설계, UI 디자인, モックアップ, ワイヤーfureーmu, 原型设计,线框图,maqueta,wireframe,maquette,Wireframe,Mockup 请勿用于：编码约定（使用 $phase-2-convention）、组件（使用 $phase-5-design-system）。 来源：popup-studio-ai/bkit-codex。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/popup-studio-ai/bkit-codex --skill phase-3-mockup第三阶段：UI/UX 模型和线框设计。 创建线框图、屏幕流程和用户旅程图。 下一步：$phase-4-api。 触发器：模型、线框、UI 设计、UX、屏幕设计、原型、 목업, 와목어프레임, 화면 설계, UI 디자인, モックアップ, ワイヤーfureーmu, 原型设计,线框图,maqueta,wireframe,maquette,Wireframe,Mockup 请勿用于：编码约定（使用 $phase-2-convention）、组件（使用 $phase-5-design-system）。 来源：popup-studio-ai/bkit-codex。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/popup-studio-ai/bkit-codex --skill phase-3-mockup 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/popup-studio-ai/bkit-codex