·phase-3-mockup
*

phase-3-mockup

✓
popup-studio-ai/bkit-codexGitHub: popup-studio-ai/bkit-codexFuente: popup-studio-ai/bkit-codex

Fase 3: Maquetas UI/UX y diseño de estructura alámbrica. Cree wireframes, flujos de pantalla y mapas de recorrido del usuario. Siguiente: $phase-4-api. Activadores: maqueta, estructura alámbrica, diseño de UI, UX, diseño de pantalla, prototipo, 목업, 와이어프레임, 화면 설계, UI 디자인, モックアップ, ワイヤーフレーム, 原型设计, 线框图, maqueta, wireframe, maqueta, Wireframe, Mockup NO lo use para: convenciones de codificación (use $phase-2-convention), componentes (use $phase-5-design-system).

popup-studio-ai·phase·mockup
4Instalaciones·0Tendencia·@popup-studio-ai

Instalación

GitHub: popup-studio-ai/bkit-codex
$npx skills add https://github.com/popup-studio-ai/bkit-codex --skill phase-3-mockup

Cómo instalar phase-3-mockup

Instala rápidamente el skill de IA phase-3-mockup en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/popup-studio-ai/bkit-codex --skill phase-3-mockup
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: popup-studio-ai/bkit-codex.

SKILL.md

Ver original

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 |

Fase 3: Maquetas UI/UX y diseño de estructura alámbrica. Cree wireframes, flujos de pantalla y mapas de recorrido del usuario. Siguiente: $phase-4-api. Activadores: maqueta, estructura alámbrica, diseño de UI, UX, diseño de pantalla, prototipo, 목업, 와이어프레임, 화면 설계, UI 디자인, モックアップ, ワイヤーフレーム, 原型设计, 线框图, maqueta, wireframe, maqueta, Wireframe, Mockup NO lo use para: convenciones de codificación (use $phase-2-convention), componentes (use $phase-5-design-system). Fuente: popup-studio-ai/bkit-codex.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/popup-studio-ai/bkit-codex --skill phase-3-mockup
Fuente
popup-studio-ai/bkit-codex
Categoría
*Creatividad
Verificado
✓
Primera vez visto
2026-02-25
Actualizado
2026-03-10
URL
https://www.learn-skills.dev/es/skills/popup-studio-ai/bkit-codex/phase-3-mockup

Browse more skills from popup-studio-ai/bkit-codex

Respuestas rápidas

¿Qué es phase-3-mockup?

Fase 3: Maquetas UI/UX y diseño de estructura alámbrica. Cree wireframes, flujos de pantalla y mapas de recorrido del usuario. Siguiente: $phase-4-api. Activadores: maqueta, estructura alámbrica, diseño de UI, UX, diseño de pantalla, prototipo, 목업, 와이어프레임, 화면 설계, UI 디자인, モックアップ, ワイヤーフレーム, 原型设计, 线框图, maqueta, wireframe, maqueta, Wireframe, Mockup NO lo use para: convenciones de codificación (use $phase-2-convention), componentes (use $phase-5-design-system). Fuente: popup-studio-ai/bkit-codex.

¿Cómo instalo phase-3-mockup?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/popup-studio-ai/bkit-codex --skill phase-3-mockup Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/popup-studio-ai/bkit-codex

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-25

Skills Relacionados

Ninguno