Paso 2: Instalar prototype-kit

prototype-kit lo mantiene Agentic Engineering Agency y se distribuye como extensión de Gemini CLI y como plugin de Claude Code. Cualquiera de las dos rutas agrega el comando del prototipo al agente y lo configura para crear proyectos con React + Vite + shadcn/ui. Sigue la sección que corresponda al agente que instalaste en el Paso 1.

Instalar mediante extensiones de Gemini CLI

# macOS / Linux
gemini extensions install --consent https://github.com/Agentic-Engineering-Agency/prototype-kit

# Windows PowerShell
gemini extensions install --consent https://github.com/Agentic-Engineering-Agency/prototype-kit

La bandera --consent salta el prompt interactivo de confirmación. Sin ella, la instalación puede no hacer nada cuando stdin está canalizado, por ejemplo dentro de un script. El agente descarga y registra la extensión automáticamente. Un resultado exitoso nombra prototype-kit e indica que quedó instalado y habilitado; la puntuación y el texto exactos pueden variar según la versión de Gemini CLI.

Verificar que la extensión está registrada

# macOS / Linux
gemini extensions list

# Windows PowerShell
gemini extensions list

Confirma que la salida contenga prototype-kit y lo marque como activo o habilitado. Los números de versión, rutas, nombres de campos y formato cambian entre versiones de Gemini CLI.

Confirmar la instalación en disco

Ejecuta gemini extensions list en tu terminal como se muestra arriba. Si ya estás dentro de una sesión interactiva de Gemini CLI, usa /extensions list. Para verificar directamente el archivo instalado:

# macOS / Linux
ls ~/.gemini/extensions/prototype-kit/gemini-extension.json

# Windows PowerShell
Get-Item $HOME\.gemini\extensions\prototype-kit\gemini-extension.json

Si el archivo aparece, la instalación funcionó. Si dice "No such file", vuelve a correr el comando de install con la bandera --consent.

Instalar mediante el plugin de Claude Code

Si sigues la ruta de Claude Code en lugar de Gemini CLI, primero instala Claude Code con la guía oficial de instalación y luego ábrelo desde tu terminal:

# macOS / Linux
claude

# Windows PowerShell
claude

Dentro de esa sesión interactiva, ejecuta la configuración verificada del plugin que también aparece en la página de Kits:

/plugin marketplace add Agentic-Engineering-Agency/prototype-kit
/plugin install prototype-kit@prototype-kit
/reload-plugins

/reload-plugins activa el plugin recién instalado en la sesión actual. Cuando termina, el comando con namespace /prototype-kit:prototype-from-docs aparece en /help; reinicia Claude Code si la recarga falla. El Paso 4 usa esa forma con namespace. El acceso a Claude Code tiene sus propios requisitos de suscripción o API, y el paquete npm que menciona el README de prototype-kit no es público, así que aquí no se documenta ningún comando npx.