Use TypeUI with OpenClaw

Open a terminal in the project where you want OpenClaw to build or improve UI.

Save TypeUI as an OpenClaw-managed MCP server:

openclaw mcp set typeui '{"url":"https://mcp.typeui.sh","transport":"streamable-http","auth":"oauth"}'

Start the TypeUI OAuth flow:

openclaw mcp login typeui

OpenClaw prints an authorization URL. Open it, sign in with TypeUI, and authorize the connection. If OpenClaw asks you to finish with a code, pass the returned code back to the same server:

openclaw mcp login typeui --code <code>

Check the saved server and live connection:

openclaw mcp status --verbose
openclaw mcp doctor typeui --probe

If OpenClaw is already running with cached MCP runtimes, reload MCP servers or restart the agent process:

openclaw mcp reload

Start from a theme, a markdown ZIP, or a Figma import. TypeUI creates an editable draft design system in your workspace.

Choose a themeUse a TypeUI theme as your starting point.

Import markdown filesBring existing design-system docs into TypeUI.

Beta previewImport from FigmaGenerate markdown from a Figma file.

Open View markdown source files and review them before publishing.

Adjust the markdown when you need clearer rules, stronger component guidance, or product-specific language. After publishing, TypeUI MCP uses your saved edits when it helps your AI tool build UI.

Publish when ready so your MCP-connected AI tool can use it.

Use TypeUI to help me build a dashboard for a project tracker.

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

Run your app and review the changes. Ask OpenClaw 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.

TypeUI

CardsToggleCompare

After you choose a direction, tell OpenClaw which one to use:

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