Use TypeUI with Goose
Follow this guide to connect Goose to TypeUI while it edits UI in your project.
Open Goose
Open the project where you want Goose to build UI.
Add TypeUI to Goose
Click the button below to add TypeUI MCP to Goose:
Install in Goose
If the button does not open Goose, run the Goose configuration flow:
goose configure
Choose Add Extension, then choose Remote Extension (Streamable HTTP) and use:
- ID:
typeui - Name:
TypeUI - Endpoint URL:
https://mcp.typeui.sh/mcp - Timeout:
300
You can also add TypeUI directly to ~/.config/goose/config.yaml:
extensions:
typeui:
enabled: true
type: streamable_http
name: TypeUI
description: Build better interfaces with TypeUI design systems, UI prompts, and layout variations.
uri: https://mcp.typeui.sh/mcp
timeout: 300
If Goose asks you to authenticate, sign in with TypeUI.
Choose a theme
Browse the Design Skills page to compare available themes.
After you choose a theme, ask Goose to use it:
I like the Bento style. Let's use it.
Start building UI
Build me a landing page.
Tell Goose what to build. TypeUI helps it choose the right style and layout.
Review and refine
Run your app and review the changes. Ask Goose 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.
After you choose a direction, tell Goose which one to use:
I like the comparison one. Let's use it.
Once Goose is connected to TypeUI, you can keep working in the same flow: choose a theme, ask for the interface you need, review the generated variations, and tell Goose which direction to continue with.









