Prototype Kit
Un flujo verificado en la fuente para construir un prototipo con React + shadcn/ui mediante un agente de IA.
Bienvenido a prototype-kit — una guía paso a paso para equipos que quieren construir un prototipo con React + shadcn/ui mediante un agente de IA. Las rutas públicas de instalación documentadas aquí cubren Gemini CLI y Claude Code.
Agentes de IA: Descarga /llms-full.txt para obtener la versión completa en formato legible por máquinas. Incluye las cinco páginas concatenadas con títulos y URLs como separadores.
Qué vas a construir
Un prototipo web funcional con pantallas, navegación y componentes con estilo generado a partir de tus documentos de producto. El tiempo y la cantidad de código manual dependen del proyecto y del resultado del agente.
Los cinco pasos
1. Instalar un agente compatible
Confirma acceso vigente a Gemini CLI mediante una organización, Cloud o clave de pago, o usa la ruta verificada del plugin de Claude Code.
2. Instalar prototype-kit
Agrega la extensión de Gemini CLI o el plugin de Claude Code para que el agente sepa cómo crear proyectos React.
3. Preparar tus documentos
Escribe tres documentos cortos que le indiquen al agente qué construir.
4. Ejecutar el prompt
Abre el agente, ejecuta un comando y responde sus preguntas de aclaración.
5. Abrir el prototipo
Inicia el servidor de desarrollo y ve tu prototipo en el navegador.