·phase-3-mockup
*

phase-3-mockup

popup-studio-ai/bkit-claude-code

Habilidad para crear maquetas con tendencias UI/UX sin diseñador. Diseña prototipos HTML/CSS/JS que se pueden convertir a componentes Next.js. Úselo de forma proactiva cuando el usuario quiera validar UI/UX antes de la implementación. Activadores: maqueta, prototipo, estructura alámbrica, diseño de interfaz de usuario, 목업, モックアップ, 原型, maqueta, prototipo, diseño UI, maqueta, prototipo, concepción UI, Maqueta, Prototipo, Diseño UI, maqueta, prototipo, diseño UI NO lo use para: código de producción, desarrollo de API o modificaciones de componentes existentes.

21Instalaciones·2Tendencia·@popup-studio-ai

Instalación

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

SKILL.md

Create trendy UI without a designer + Consider Next.js componentization

Quickly validate ideas before actual implementation. Even without a designer, research UI/UX trends to create high-quality prototypes, designed for easy conversion to Next.js components later.

| Starter | This stage may be the final deliverable | | Dynamic | For validation before next stages | | Enterprise | For quick PoC |

Habilidad para crear maquetas con tendencias UI/UX sin diseñador. Diseña prototipos HTML/CSS/JS que se pueden convertir a componentes Next.js. Úselo de forma proactiva cuando el usuario quiera validar UI/UX antes de la implementación. Activadores: maqueta, prototipo, estructura alámbrica, diseño de interfaz de usuario, 목업, モックアップ, 原型, maqueta, prototipo, diseño UI, maqueta, prototipo, concepción UI, Maqueta, Prototipo, Diseño UI, maqueta, prototipo, diseño UI NO lo use para: código de producción, desarrollo de API o modificaciones de componentes existentes. Fuente: popup-studio-ai/bkit-claude-code.

Ver original

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-claude-code --skill phase-3-mockup
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es phase-3-mockup?

Habilidad para crear maquetas con tendencias UI/UX sin diseñador. Diseña prototipos HTML/CSS/JS que se pueden convertir a componentes Next.js. Úselo de forma proactiva cuando el usuario quiera validar UI/UX antes de la implementación. Activadores: maqueta, prototipo, estructura alámbrica, diseño de interfaz de usuario, 목업, モックアップ, 原型, maqueta, prototipo, diseño UI, maqueta, prototipo, concepción UI, Maqueta, Prototipo, Diseño UI, maqueta, prototipo, diseño UI NO lo use para: código de producción, desarrollo de API o modificaciones de componentes existentes. Fuente: popup-studio-ai/bkit-claude-code.

¿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-claude-code --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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/popup-studio-ai/bkit-claude-code