Use TypeUI with Cline

Open the project where you want Cline to build UI.

Run the Cline MCP wizard from your terminal:

cline mcp

Choose Add server, then use:

• Server name: typeui
• Transport type: Streamable HTTP
• Server URL: https://mcp.typeui.sh/mcp

If you prefer editing the Cline MCP config directly, add:

{
  "mcpServers": {
    "typeui": {
      "url": "https://mcp.typeui.sh/mcp",
      "type": "streamableHttp",
      "disabled": false,
      "autoApprove": []
    }
  }
}

Sign in with TypeUI if Cline asks you to authorize the connection.

Browse the Design Skills page to compare available themes.

PaperBentoEnterpriseNeobrutalismCleanMonoGlassmorphismMinimalVibrantPremium

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

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

Build me a landing page.

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

Run your app and review the changes. Ask Cline 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 Cline which one to use:

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