Use TypeUI with GitHub Copilot

Open your project in Visual Studio Code with GitHub Copilot enabled.

Click the button below to install TypeUI for GitHub Copilot in VS Code:

Install for GitHub Copilot

If the button does not open VS Code, run this command from your terminal:

code --add-mcp '{"name":"typeui","type":"http","url":"https://mcp.typeui.sh/mcp"}'

You can also add TypeUI directly to your workspace by creating .vscode/mcp.json:

{
  "servers": {
    "typeui": {
      "type": "http",
      "url": "https://mcp.typeui.sh/mcp"
    }
  }
}

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

Browse the Design Skills page to compare available themes.

PaperBentoEnterpriseNeobrutalismCleanMonoGlassmorphismMinimalVibrantPremium

After you choose a theme, ask GitHub Copilot to use it:

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

Use TypeUI to help me build a landing page.

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

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

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