Step 2: Install prototype-kit
Add prototype-kit to Gemini CLI or Claude Code and verify it is registered.
prototype-kit is maintained by Agentic Engineering Agency and is distributed as a Gemini CLI extension and a Claude Code plugin. Either path adds the prototype command to the agent and configures it to scaffold React + Vite + shadcn/ui projects. Follow the section that matches the agent you installed in Step 1.
Install via Gemini CLI extensions
# 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-kitThe --consent flag skips the interactive confirmation prompt. Without it, the install can no-op when stdin is piped, such as in a script. The agent downloads and registers the extension automatically. A successful result names prototype-kit and indicates that it was installed and enabled; exact punctuation and wording can vary by Gemini CLI version.
Verify the extension is registered
# macOS / Linux
gemini extensions list# Windows PowerShell
gemini extensions listConfirm that the output contains prototype-kit and marks it active or enabled. Version numbers, paths, field labels, and formatting vary by Gemini CLI version.
Confirm the install on disk
Run gemini extensions list in your terminal as shown above. If you are already inside an interactive Gemini CLI session, use /extensions list instead. To verify the installed file directly:
# macOS / Linux
ls ~/.gemini/extensions/prototype-kit/gemini-extension.json# Windows PowerShell
Get-Item $HOME\.gemini\extensions\prototype-kit\gemini-extension.jsonA file listing means the install succeeded. "No such file" means it didn't — re-run the install command with the --consent flag.
Install via Claude Code plugin
If you are following the Claude Code path instead of Gemini CLI, install Claude Code first with the official setup guide, then launch it from your terminal:
# macOS / Linux
claude# Windows PowerShell
claudeInside that interactive session, run the verified plugin setup also listed on the Kits page:
/plugin marketplace add Agentic-Engineering-Agency/prototype-kit
/plugin install prototype-kit@prototype-kit
/reload-plugins/reload-plugins activates the newly installed plugin in the current session. After it completes, the namespaced /prototype-kit:prototype-from-docs command appears in /help; restarting Claude Code is the fallback if reload fails. Step 4 uses that namespaced form. Claude Code access has its own subscription or API requirements, and the npm package named in the prototype-kit README is not public, so no npx command is documented here.
If you are an AI agent reading this page, the next step is /docs/prototype-kit/03-prepare-docs.