TypeUI MCP
An MCP server and plugin to build UI with the agent: curated design systems, UI prompts and layout variations
- 2,237 ★ on the repository
- Last commit
Extended access
Why this level
- Calls a remote service
- Produces UI code that gets applied to the project
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add mcp/typeuiDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Calls a remote service
- Produces UI code that gets applied to the project
This is third-party code. Review the repository files before installing.
What it does
TypeUI connects the agent to a set of curated design systems and prompts for building screens and sections. The agent gets ready prompts and layout variations to make UI cleaner and faster. The server runs remotely, there is a plugin for Claude Code and connection guides for many tools. The design skills ship in DESIGN.md and SKILL.md formats.
Who it is for. For frontend developers and designers who build UI together with the agent.
Good fit when
- You need to quickly build a screen or section from a design system
- You want several layout variations to choose from
- You need thought-out prompts for UI
Not a fit when
- The task is not about UI
- You cannot connect a remote service
Example request
Use TypeUI to build a pricing section in the chosen design system and show a couple of variationsMCP
- Transport
- http
- Authentication
- not required
Limitations
The server is remote, so it depends on the availability of the typeui.sh service, which should be checked from Russia separately. Some features are documented on the website rather than in the repository itself.
How to disable. Remove the typeui server from your MCP config or uninstall the typeui plugin via /plugin.
FAQ
Is it a server or a plugin?
It is a remote MCP server; for Claude Code there is a wrapper plugin, and for other tools there are connection guides.
In what format are the skills?
The design skills are available in DESIGN.md and SKILL.md formats.
Discussion
No questions or reviews yet.
Related
MCP serversA kit of skills, tokens and rules that turns Claude into a design architect: DTCG tokens, components, accessibility and objective quality gates
A skill and CLI for agents: UI without the templated look, 25 commands, rule-based anti-slop checks and a 0 to 100 quality score
MCP server of a React component library for agent interfaces: the agent finds a component and adds it to your project
An MCP server and skill for interfaces: 31 design systems for shadcn/ui, UI and UX principles and accessibility review for agent-written code
An interface design skill that anchors an agent to your product, with an optional MCP server adding real screens from a catalogue.
A design studio for people and agents: dsa CLI, MCP endpoint and skill to edit layouts, slides, reports and 3D together.
README in short
The README presents TypeUI as a tool for building UI with the agent through curated design systems, prompts and layout variations. Connection is shown for many tools: a Cursor plugin, the remote server for Grok, Z.ai, Mistral, OpenClaw and others, with guides on the site. For Claude Code the repository is packaged as a plugin, and the server URL is in the config. The design skills are available in DESIGN.md and SKILL.md formats.