Use TypeUI with Amp

Open the project where you want Amp to build UI.

Amp can load MCP servers from a skill. Create a project skill so TypeUI is available when Amp works on UI:

mkdir -p .agents/skills/typeui

Create .agents/skills/typeui/SKILL.md:

---
name: typeui
description: Use TypeUI design systems, UI prompts, and layout variations when building or improving interfaces.
---

Use the TypeUI MCP server when building, changing, or reviewing UI.

Create .agents/skills/typeui/mcp.json:

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

Restart Amp if it was already running. If Amp asks you to authenticate, sign in with TypeUI.

Browse the Design Skills page to compare available themes.

PaperBentoEnterpriseNeobrutalismCleanMonoGlassmorphismMinimalVibrantPremium

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

Use the TypeUI skill. I like the Bento style. Let's use it.

Use TypeUI to build me a landing page.

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

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

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