Provides design systems, UI prompts, and layout variation guidance to AI coding tools to enhance user interface generation.
Also known as bergside/typeui
- Stars
- 2,251
- Tools
- —
- Downloads, 30 days
- —
- Latest version
- 1.0.1
- Last commit
- Oct 22, 2026
- License
- —
What is TypeUI MCP?
TypeUI provides design systems, UI prompts, and layout variation guidance to AI coding tools to enhance user interface generation.
Summary generated from the project's README
About TypeUI MCP server
TypeUI provides design systems, UI prompts, and layout variation guidance to help AI coding tools generate high-quality user interfaces. It is designed for developers building websites and applications who want to improve the visual quality of AI-generated code. The platform works with any AI provider that supports markdown files or general prompting.
Users can connect the TypeUI MCP server to a wide variety of environments. This includes local development tools like Cursor, VS Code with GitHub Copilot, and JetBrains AI Assistant or Junie. It also supports hosted environments and agents such as Claude, Grok, Mistral, Zed, and Replit. By integrating these resources, developers can ask for UI components in plain language while the server supplies the necessary design skills and structural guidance.
What you can do with it
- 1Generate high-quality UI componentsAsk your AI coding tool to build a user interface using specific design systems and layout guidance.
- 2Refactor existing user interfacesProvide Claude with curated design guidance to improve or rewrite existing UI code.
- 3Build complex application screensUse the Cursor plugin to assist in the creation of full screens and various layout sections.
- 4Enhance agentic design workflowsAdd specialized design skills to autonomous agents to improve their output.
Written from the project's README. Every use case is checked against a quote from it.
How to install TypeUI MCP
Formats verified 10 Nov 2026Add to CursorAdd to GooseInstall TypeUI MCP in Claude Code
$ claude mcp add --transport http typeui https://mcp.typeui.sh/mcpInstall TypeUI MCP in Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp"
}
}
}Install TypeUI MCP in VS Code
.vscode/mcp.json
{
"servers": {
"typeui": {
"type": "http",
"url": "https://mcp.typeui.sh/mcp"
}
}
}Install TypeUI MCP in VS Code CLI
$ code --add-mcp '{"name":"typeui","type":"http","url":"https://mcp.typeui.sh/mcp"}'Install TypeUI MCP in Codex
$ codex mcp add typeui --url https://mcp.typeui.sh/mcpInstall TypeUI MCP in Codex config.toml
~/.codex/config.toml
[mcp_servers.typeui] url = "https://mcp.typeui.sh/mcp"
Install TypeUI MCP in Gemini CLI
$ gemini mcp add -s user --transport http typeui https://mcp.typeui.sh/mcpInstall TypeUI MCP in Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp",
"type": "http"
}
}
}Automated checks
Ran Nov 12, 2026Full report →Passed our automated checks. That is not a security audit: read the code and give the server the narrowest access it needs. How checks work · What to fix for more points
- Source repository linked and reachablePass
- Open source license (OSI)No licenseFinding
- Commit or release in the last yearPass
- Package name not close to a popular packageNot checked
- Remote endpoint uses HTTPSPass
- Destructive tools are labelledNot checked
- No hidden instructions to the modelPass
- No critical advisory in the package or its dependenciesNot checked
README
View on GitHubTypeUI - Build better UI with AI
TypeUI is an AI-first platform where you can use design skills, UI prompts, and other resources to enhance AI capabilities to generate better user interfaces and design when building websites and applications. The resources from this repository will work with any AI provider, given they support markdown files or general prompting.
Getting started
Install TypeUI where you build. Connect your AI coding tool to TypeUI MCP, then ask for UI in plain language while TypeUI supplies design systems, prompts, and layout variation guidance.
Design skills
Check out all design skills. Available in both DESIGN.md and SKILL.md formats.
TypeUI MCP questions
How do I add TypeUI MCP to Claude Code?
Run claude mcp add --transport http typeui https://mcp.typeui.sh/mcp in your terminal. Add --scope user to make it available in every project.
How do I add TypeUI MCP to Cursor?
Open ~/.cursor/mcp.json and add the server under mcpServers, using the Cursor config shown in the install section above.
How do I use TypeUI with my AI coding tool?
Connect your AI coding tool to the TypeUI MCP, then you can ask for UI in plain language while the server supplies design systems and prompts.
Which AI providers are compatible with TypeUI?
The resources work with any AI provider that supports markdown files or general prompting.
What formats are the design skills available in?
Design skills are available in both DESIGN.md and SKILL.md formats.