Use TypeUI with Qwen Code

Open the project where you want Qwen Code to build UI.

Run this command from your project root:

qwen mcp add --transport http typeui https://mcp.typeui.sh/mcp

You can also create or update .qwen/settings.json in your project root:

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

If Qwen Code asks you to authenticate, sign in with TypeUI. You can manage MCP authentication from Qwen Code with /mcp auth.

Browse the Design Skills page to compare available themes.

PaperBentoEnterpriseNeobrutalismCleanMonoGlassmorphismMinimalVibrantPremium

After you choose a theme, ask Qwen Code to use it:

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

Build me a landing page.

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

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

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