Use TypeUI with JetBrains

Open the project where you want JetBrains AI Assistant or Junie to build UI. This works with JetBrains IDEs such as WebStorm, IntelliJ IDEA, PhpStorm, PyCharm, and others that support MCP.

Open Settings → Tools → AI Assistant → Model Context Protocol (MCP) and add an HTTP server.

Use this configuration:

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

Click OK, then Apply to start the server connection.

For Junie, open MCP Settings or run /mcp, choose a remote server, and use the same URL:

https://mcp.typeui.sh/mcp

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

Browse the Design Skills page to compare available themes.

PaperBentoEnterpriseNeobrutalismCleanMonoGlassmorphismMinimalVibrantPremium

After you choose a theme, ask JetBrains AI Assistant or Junie to use it:

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

Build me a landing page.

Tell JetBrains AI Assistant or Junie what to build. TypeUI helps it choose the right style and layout.

Run your app and review the changes. Ask JetBrains AI Assistant or Junie 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 JetBrains AI Assistant or Junie which one to use:

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