Introduction

TypeUI is the design layer for AI-generated UI. Connect it to your MCP-compatible AI coding tool, and your agent gets access to hand-crafted design skills, UI prompts, and layout variations while it builds.

That means fewer generic screens and less prompt tweaking. TypeUI gives your AI tool a stronger starting point for structure, spacing, components, and visual direction so you get better UI options faster.

Integration guides

Codex

Connect Codex to TypeUI.

Open guide ->

Claude

Connect Claude to TypeUI.

Open guide ->

Cursor

Connect Cursor to TypeUI.

Open guide ->

Grok

Add TypeUI MCP to Grok.

Open guide ->

Mistral

Add TypeUI MCP to Mistral.

Open guide ->

OpenCode

Connect OpenCode to TypeUI.

Open guide ->

VS Code

Connect VS Code to TypeUI.

Open guide ->

Antigravity

Connect Antigravity to TypeUI.

Open guide ->

Windsurf

Connect Windsurf to TypeUI.

Open guide ->

JetBrains

Connect JetBrains AI Assistant or Junie to TypeUI.

Open guide ->

Zed

Add TypeUI MCP to Zed.

Open guide ->

GitHub Copilot

Add TypeUI MCP to GitHub Copilot.

Open guide ->

Cline

Add TypeUI MCP to Cline.

Open guide ->

Qwen Code

Add TypeUI MCP to Qwen Code.

Open guide ->

Amp

Add TypeUI MCP to Amp.

Open guide ->

Goose

Add TypeUI MCP to Goose.

Open guide ->

Lovable

Add TypeUI MCP to Lovable.

Open guide ->

Replit

Add TypeUI MCP to Replit.

Open guide ->

v0

Add TypeUI MCP to v0.

Open guide ->

If you use another MCP-compatible tool, follow the Getting started guide to connect it to the TypeUI MCP server.

How TypeUI works

1. Connect your AI tool to the TypeUI MCP server.
2. TypeUI gives your agent access to hand-crafted UI prompts and design skills.
3. Start building UIs and get better suggestions, including different layout variations you can choose from.

What to do next

1. Follow Getting started for the MCP setup flow.
2. Open the guide for your tool: Codex, Claude, Cursor, Grok, Mistral, OpenCode, VS Code, Antigravity, Windsurf, JetBrains, Zed, GitHub Copilot, Cline, Qwen Code, Amp, Goose, Lovable, Replit, or v0.
3. Learn the building blocks: Design skills and UI prompts.

How to use

After setup, tell your agent what to build with TypeUI MCP:

Build me a landing page.

Keep the workflow specific. TypeUI MCP supplies the design system and UI prompt context.