Phase 3: UI/UX-Mockups und Wireframe-Design. Erstellen Sie Wireframes, Bildschirmflüsse und User Journey Maps. Als nächstes: $phase-4-api. Auslöser: Mockup, Wireframe, UI-Design, UX, Screendesign, Prototyp, UI, UI, UI, UI, UI, UI, 原型设计, 线框图, Maqueta, Wireframe, Maquette, Wireframe, Mockup NICHT verwenden für: Codierungskonventionen (verwenden Sie $phase-2-convention), Komponenten (verwenden Sie $phase-5-design-system).
Installieren Sie den KI-Skill phase-3-mockup schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: 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 |
Phase 3: UI/UX-Mockups und Wireframe-Design. Erstellen Sie Wireframes, Bildschirmflüsse und User Journey Maps. Als nächstes: $phase-4-api. Auslöser: Mockup, Wireframe, UI-Design, UX, Screendesign, Prototyp, UI, UI, UI, UI, UI, UI, 原型设计, 线框图, Maqueta, Wireframe, Maquette, Wireframe, Mockup NICHT verwenden für: Codierungskonventionen (verwenden Sie $phase-2-convention), Komponenten (verwenden Sie $phase-5-design-system). Quelle: popup-studio-ai/bkit-codex.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/popup-studio-ai/bkit-codex --skill phase-3-mockupPhase 3: UI/UX-Mockups und Wireframe-Design. Erstellen Sie Wireframes, Bildschirmflüsse und User Journey Maps. Als nächstes: $phase-4-api. Auslöser: Mockup, Wireframe, UI-Design, UX, Screendesign, Prototyp, UI, UI, UI, UI, UI, UI, 原型设计, 线框图, Maqueta, Wireframe, Maquette, Wireframe, Mockup NICHT verwenden für: Codierungskonventionen (verwenden Sie $phase-2-convention), Komponenten (verwenden Sie $phase-5-design-system). Quelle: popup-studio-ai/bkit-codex.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/popup-studio-ai/bkit-codex --skill phase-3-mockup Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/popup-studio-ai/bkit-codex