MCP server

TypeUI

io.github.bergside/typeui

Checked 26 Oct 2026, 08:29 UTC · It answered and asked for a sign-in

Design systems, UI prompts, and layout variations for AI coding tools.

Website Source

At a glance

Type

MCP server

Publisher

Not verified

Status

Signs in with your account

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok

Last checked

26 Oct 2026, 08:29 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

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

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.typeui]
url = "https://mcp.typeui.sh/mcp"

Gemini CLI

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

Cursor

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

VS Code

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

Antigravity

agy mcp add typeui https://mcp.typeui.sh/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"typeui","server_url":"https://mcp.typeui.sh/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"typeui","server_url":"https://mcp.typeui.sh/mcp"}

Signs in with your account: your agent app opens a sign-in page the first time you use it.

Browse

• GitHub tools
• GitHub and code hosting

Related MCP servers

• Standby Design
  Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.
• Agentdevx
  Give your AI hands. Identity, credential vault, and API gateway for autonomous agents.
• Screenrove
  Real product UI captures for design reference, competitor analysis, and coding agents.
• Nasaq UI
  Nasaq design system docs for agents: 390 components for React, Vue, Blade and HTML, with Arabic RTL.
• Creadal
  Packaging design with 3D mockups and print-ready dieline PDFs
• Designers
  Checks, prompts and skills for designers working with AI: contrast, a11y, heuristics, critique.
• Raven
  Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
• Designesy
  Design quality gate for AI-generated UI: score any URL on 45 deterministic checks, A–F grade.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.bergside/typeui.svg)](https://aptlynx.net/servers/io.github.bergside/typeui)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents