Use TypeUI with Windsurf

Open the project where you want Cascade to build UI.

Click the button below to open TypeUI in the Windsurf MCP registry:

Install in Windsurf

If the button does not open Windsurf:

Open Windsurf Settings → Cascade → MCP Servers and add it manually.

Add this configuration:

{
  "mcpServers": {
    "typeui": {
      "serverUrl": "https://mcp.typeui.sh/mcp"
    }
  }
}

Windsurf uses serverUrl for remote HTTP MCP servers.

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

Browse the Design Skills page to compare available themes.

PaperBentoEnterpriseNeobrutalismCleanMonoGlassmorphismMinimalVibrantPremium

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

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

Build me a landing page.

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

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

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