Use TypeUI with Antigravity
Follow this guide to connect Antigravity or Antigravity CLI to TypeUI while it edits UI in your project.
Open Antigravity
Open the project where you want Antigravity to build UI. If you work from the terminal, open the same project with Antigravity CLI.
Add TypeUI to Antigravity
For the Antigravity app, add TypeUI to your MCP config:
{
"mcpServers": {
"typeui": {
"serverUrl": "https://mcp.typeui.sh/mcp"
}
}
}
Antigravity uses serverUrl for remote MCP servers.
Sign in with TypeUI if Antigravity asks you to authorize the connection.
Choose a theme
Browse the Design Skills page to compare available themes.
After you choose a theme, ask Antigravity to use it:
I like the Bento style. Let's use it.
Start building UI
Build me a landing page.
Tell Antigravity what to build. TypeUI helps it choose the right style and layout.
Review and refine
Run your app and review the changes. Ask Antigravity for targeted improvements:
I don't like this pricing section, give me more variations.
TypeUI will now create three pricing variations so you can compare different layouts before choosing one.
After you choose a direction, tell Antigravity which one to use:
I like the comparison one. Let's use it.
Once Antigravity is connected to TypeUI, you can keep working in the same flow: choose a theme, ask for the interface you need, review the generated variations, and tell Antigravity which direction to continue with.









