Skip to content

Stage

Stage is an AI-powered product tour generator.

Code Video Cerebral Valley

Core trick

Gemini CLI runs headlessly in a Vercel Sandbox microVM, driving Puppeteer to navigate and screenshot the app while streaming progress over SSE.

Tags

agentsvoice

Description

Stage is an AI-powered product tour generator. Paste any URL and our multi-agent system autonomously browses the app, captures screenshots, writes a narrated script, and generates a polished shareable tour — all in under two minutes. The pipeline runs four AI agents: Scout (Gemini CLI running headlessly inside Vercel Sandbox with Puppeteer — autonomously navigates, screenshots, and reasons about which pages to explore), Director (Gemini 3.1 Pro vision analyzes screenshots and writes a demo script), Narrator (ElevenLabs generates voiceover audio), and Assembler (creates a shareable auto-playing tour page with transitions and synced audio). The Scout is the standout — it's a full Gemini CLI agent running inside an ephemeral Vercel Sandbox microVM, writing and executing Puppeteer scripts, reading screenshots, and deciding where to navigate next, all streamed to the frontend in real-time via SSE. The UI itself was designed using Google Stitch for rapid high-fidelity interface design, then built with Next.js 15 and Tailwind.
naga-k/stage★ 10 forksTypeScriptCreated Mar 21, 2026 · last push Mar 22, 2026

README excerpt

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

Team