Use TypeUI with Zed

Open the project where you want Zed's agent to build UI.

Until the TypeUI Zed extension is approved in the Zed extensions registry, add TypeUI as a custom MCP server in Zed settings. Open your Zed settings JSON and add:

{
  "context_servers": {
    "typeui": {
      "url": "https://mcp.typeui.sh/mcp"
    }
  }
}

You can also open the Agent Panel settings view and add the same remote server through the custom server modal. If Zed asks you to authenticate, sign in with TypeUI through the MCP OAuth flow.

Browse the Design Skills page to compare available themes.

PaperBentoEnterpriseNeobrutalismCleanMonoGlassmorphismMinimalVibrantPremium

After you choose a theme, ask Zed to use it:

I like the Bento style. Let's use it.

Build me a landing page.

Tell Zed what to build. TypeUI helps it choose the right style and layout.

Run your app and review the changes. Ask Zed 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.

TypeUIPro

CardsToggleCompare

After you choose a direction, tell Zed which one to use:

I like the comparison one. Let's use it.