- Local — run your code on your machine. Better performance, code privacy, and security.
- Frontier agents — handle tasks of any size and complexity, with tokens direct from Anthropic / OpenAI / OpenCode.
- Git Worktrees — run chats across multiple copies of your codebase in parallel so you can work on multiple features at once.
1
2
Add your project
Click + Add Project, paste your repo’s git clone URL, or pick a local folder with a copy of your codebase checked-out.
If you haven’t already please commit then push your project to git from the git tab.
3
Connect your AI account
The new app gives you the choice of three coding agents — each works with different subscriptions.
Pick the option that matches your setup and follow the login instructions below.
| Agent | ChatGPT | Claude | Tempo Inference | API key |
|---|---|---|---|---|
| Claude Code | — | ✅ | ✅ | ✅ |
| Codex | ✅ | — | ✅ | ✅ |
| OpenCode | — | — | ✅ | ✅ |
Paying for Tempo on the web app? Your subscription and any unused prompt credits carry over automatically. Learn More
Login to Claude Code
Login to Claude Code
- Click the Terminal tab at the bottom of any workspace (some layouts call it CLI).
- Type
claude /loginand press Enter.
Login to Codex
Login to Codex
- Click the Terminal tab at the bottom of any workspace.
- Type
codex loginand press Enter.
Login to OpenCode
Login to OpenCode
- Click the Terminal tab at the bottom of any workspace.
- Type
opencode loginand press Enter, then follow the on-screen prompts.
Continue with Tempo Inference credits
Continue with Tempo Inference credits
No sign-in needed. Open the Chat tab, pick any model from the dropdown at the bottom, and start chatting — your Tempo plan covers it. Learn More
4
Start building!
🎉 You’re all set. Open the Chat tab and start prompting.To see a live preview, just ask the AI to:
- Configure a run script, then click Play in the top bar — or edit
tempo.config.jsonyourself (reference). - Create a canvas for a Figma-style design surface — or right-click the Canvas tab → New Storyboard.
Once you’re in — 3 quick tips
A short follow-up walkthrough covering the most common things to set up after install:- Add a run script. Configure one in
tempo.config.json(or ask the AI to do it), then hit Play to see your live preview. Reference - Set your environment variables. Anything your app reads from
.envlives in the project’s env panel — don’t forget API keys, DB URLs, etc. - Generate a canvas with storyboards. Ask the AI to create a canvas, or use “Route” storyboards to map full pages. Heads up: the chat now lives on the right inside the canvas tab.
What happens after June 14
On June 14 we’ll wind down the Tempo web editor and move everything to the desktop app. Until then keep using it at app.tempo.build — your prompt credits work in the new app too, and we’re doubling available credits during the migration (Learn more). A few things to know:- Your plan comes with you. Subscriptions and remaining credits carry over automatically, and you can manage billing right inside the desktop app under Settings → Plan. app.tempo.build will also stay up as a read-only billing portal if you ever need it. Learn more.
- As long as your project is on GitHub, you’re set. Push from the web app’s git tab and you can clone it into the desktop app in seconds. Prefer a local copy? Hit Download ZIP on any project. If you’d rather we handle it, email support@tempo.new — we’ll retain old repos for 60 days after June 14 and can export them for you on request.