Which AI do you use?
Whichever you pick stays yours. Hatchable connects to it, then gives whatever it builds a database, a sign-in and a real address on the web.
Connect your AI
This takes about a minute, and it happens in the other tab. Here is exactly what you'll see:
- 1A new tab opens with the Hatchable connector already filled in.
- 2Approve it. That approval is your account, so there's no form to fill in.
- 3Come back here. This page notices the moment it works.
Approved it and nothing happened here? We can't always see it from this tab.
Looks like you've built here before. Open the console instead, or carry on and connect another AI.
Hatchable is a listed app in the ChatGPT app directory, so there is nothing to configure. The link opens the listing. Click Connect and approve on hatchable.com. That creates your free account.
Then ask ChatGPT to build something “on Hatchable”. No Developer Mode or paid plan needed. You can also find it inside ChatGPT under Apps: search “Hatchable”.
Opens Claude's connectors page with the URL pre-filled. Click Add to save the connector, then click Connect on the Hatchable row — a browser tab opens on hatchable.com for OAuth. Approve, and you're done.
Sets up Claude AND Claude Code at the same time — they share the same connectors list. Works on Free (1 connector), Pro, Max, Team, and Enterprise. On Team/Enterprise, an owner adds it from Organization settings → Connectors instead.
Opens Cursor's MCP installer. On first connect, Cursor pops a browser tab for OAuth — approve on hatchable.com and you're in. No token to manage.
Cursor 1.0+ required (older versions don't speak OAuth over Streamable HTTP). Don't have Cursor yet? Install it here.
Or set it up manually (older Cursor versions)
Paste this into ~/.cursor/mcp.json with your Hatchable token:
{
"mcpServers": {
"hatchable": {
"url": "https://hatchable.com/mcp",
"headers": {
"Authorization": "Bearer YOUR_HATCHABLE_TOKEN"
}
}
}
}
Grab your token from your API keys page — takes 10 seconds.
Opens Claude's connectors page with the URL pre-filled. Click Add to save the connector, then click Connect on the Hatchable row — a browser tab opens on hatchable.com for OAuth. Approve, and Claude Code picks it up automatically (it reads from the same connectors list).
Don't have Claude Code yet? Install it here.
- In the Codex app, open Plugins. In the Codex CLI, run /plugins.
- Search for Hatchable and install it.
- Approve the sign-in popup on hatchable.com. That creates your free account.
Hatchable is a listed ChatGPT app, and OpenAI ships it to Codex as a plugin. Don't have Codex yet? Download it here.
Or add it manually as an MCP server
Add this to ~/.codex/config.toml:
[mcp_servers.hatchable]
url = "https://hatchable.com/mcp"
Then run codex mcp login hatchable and approve on hatchable.com.
In the Antigravity chat, ask the agent:
Add the https://hatchable.com/mcp MCP connector with OAuth.
The agent wires up the config and pops a browser tab on hatchable.com for you to approve — that creates your free account.
Don't have Antigravity yet? Download from Google — free, no credit card.
https://hatchable.com/mcp
Add this as a remote MCP server (Streamable HTTP / connectors), then approve the OAuth popup on hatchable.com. No token to paste.
Free, and no credit card. Prefer to make an account first?
You're already connected, so we skipped step 1.
Now start a new chat
Connected. This next bit trips almost everybody up, so it's worth ten seconds: your current chat can't see Hatchable yet. Tools only load their connectors when a conversation starts, so open a fresh one.
If it answers with your (empty) project list, the connection is live and you're ready to build.
Make something tiny first
Keep the first one small. Your AI will ask permission before it touches anything — hit Always allow on that first prompt and it stops asking for the rest of the build. One page takes about a minute. Save the big idea for build number two.
Already built something? If we can't see it from here,
One file, one deploy, no database to approve. This page updates by itself the moment it lands.
That's yours, and it's live.
Your first app is online at a real address. Anyone you send that link to can open it right now.
Keep talking to your AI to change it. Everything it does is live at the same address, and the console is there when you want to look under the hood.
what you're setting up
you'll see this in the other tab
Click Install plugin, then approve. That approval signs you in on hatchable.com and creates your free account.
Add custom connector
Connect Claude to your data and tools.
∧ Advanced settings — not needed
The red notice appears for any connector added from a link. Check the URL reads hatchable.com/mcp, then hit Add.
Add custom connector
https://hatchable.com/mcp
Approving signs you in on hatchable.com and creates your free account. Nothing to fill in.
in your AI
Where should we begin?
Hatchable is attached (that chip) — the connection works. ChatGPT also pre-fills one of its big example prompts. Clear the box; you want something much smaller for the first one.
what happens after you send it
Allow ChatGPT to use Hatchable?
Writes an HTML project file for a New Year's Eve countdown into the project.
online now
Ask your AI for a change and it updates here. Same address, no redeploy dance.