Install
npx skills add https://github.com/bergside/typeui --skill typeui-fundamentalsclaude mcp add typeui -- npx skills add https://github.com/bergside/typeui --skill typeui-fundamentals{
"mcpServers": {
"typeui": {
"command": "npx",
"args": [
"skills",
"add",
"https://github.com/bergside/typeui",
"--skill",
"typeui-fundamentals"
]
}
}
}Install command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →TypeUI - 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.
<b>Codex</b>
Connect Codex to TypeUI MCP automatically with the TypeUI Codex plugin.
<b>Install in Codex →</b>
</td>
<td align="center" width="33%">
<b>Claude</b>
Give Claude access to curated design guidance while it writes or refactors UI.
<b>Install in Claude →</b>
</td>
<td align="center" width="33%">
<b>Cursor</b>
Use the TypeUI Cursor plugin while Cursor builds screens, sections, and variations.
<b>Install in Cursor →</b>
</td>
<b>Grok</b>
Add the hosted TypeUI MCP server to Grok.
<b>Open Grok guide →</b>
</td>
<td align="center" width="33%">
<b>Z.ai</b>
Add the hosted TypeUI MCP server to Z.ai ZCode.
<b>Open Z.ai guide →</b>
</td>
<td align="center" width="33%">
<b>Hermes</b>
Install the TypeUI MCP plugin for Hermes Agent.
<b>Open Hermes guide →</b>
</td>
<b>OpenClaw</b>
Add the hosted TypeUI MCP server to OpenClaw.
<b>Open OpenClaw guide →</b>
</td>
<td align="center" width="33%">
<b>Eve</b>
Add TypeUI design skills to Eve agents.
<b>Open Eve guide →</b>
</td>
<td align="center" width="33%">
<b>Mistral</b>
Add the hosted TypeUI MCP server to Mistral.
<b>Open Mistral guide →</b>
</td>
<b>OpenCode</b>
Give OpenCode access to TypeUI design systems and prompts.
<b>Install in OpenCode →</b>
</td>
<td align="center" width="33%">
<b>VS Code</b>
Connect GitHub Copilot in VS Code to TypeUI MCP.
<b>Install in VS Code →</b>
</td>
<td align="center" width="33%">
<b>Antigravity</b>
Connect Antigravity to TypeUI MCP for UI generation workflows.
<b>Open Antigravity guide →</b>
</td>
<b>Windsurf</b>
Connect Windsurf Cascade to TypeUI MCP.
<b>Install in Windsurf →</b>
</td>
<td align="center" width="33%">
<b>JetBrains</b>
Connect Je
Similar plugs
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local…
Why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman.
Production-grade engineering skills for AI coding agents.