TypeUI MCP Server (io.github.bergside/typeui)

This MCP server exposes repository resources for “TypeUI,” an AI-first platform focused on design systems, UI prompts, and layout variations. It is intended to enhance AI coding tools’ ability to generate better user interfaces and design for websites and applications.

🛠️ Key Features

Design systems and UI prompts
Layout variations for user interfaces
Markdown-based resources usable with AI providers that support markdown or general prompting
Topics include: design, ui, terminal, design-system, and multiple AI-provider references (e.g., claude-design, codex, gemini, gemini-cli-extension)

🚀 Use Cases

Asking an AI coding tool for UI in plain language, with TypeUI providing design resources
Building website and application UIs using shared design-related assets

⚡ Developer Benefits

Works with any AI provider that supports markdown files or general prompting
Connect your AI coding tool to TypeUI MCP where you build

⚠️ Limitations

No specific tool count, tooling endpoints, or command details are provided in the available source data

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.

Codex _{Connect Codex to TypeUI MCP automatically with the TypeUI Codex plugin.} Install in Codex →	Claude _{Give Claude access to curated design guidance while it writes or refactors UI.} Install in Claude →	Cursor _{Use the TypeUI Cursor plugin while Cursor builds screens, sections, and variations.} Install in Cursor →
Grok _{Add the hosted TypeUI MCP server to Grok.} Open Grok guide →	Z.ai _{Add the hosted TypeUI MCP server to Z.ai ZCode.} Open Z.ai guide →	Hermes _{Install the TypeUI MCP plugin for Hermes Agent.} Open Hermes guide →
OpenClaw _{Add the hosted TypeUI MCP server to OpenClaw.} Open OpenClaw guide →	Eve _{Add TypeUI design skills to Eve agents.} Open Eve guide →	Mistral _{Add the hosted TypeUI MCP server to Mistral.} Open Mistral guide →
OpenCode _{Give OpenCode access to TypeUI design systems and prompts.} Install in OpenCode →	VS Code _{Connect GitHub Copilot in VS Code to TypeUI MCP.} Install in VS Code →	Antigravity _{Connect Antigravity to TypeUI MCP for UI generation workflows.} Open Antigravity guide →
Windsurf _{Connect Windsurf Cascade to TypeUI MCP.} Install in Windsurf →	JetBrains _{Connect JetBrains AI Assistant or Junie to TypeUI MCP.} Install in JetBrains →	Zed _{Add the hosted TypeUI MCP server to Zed.} Open Zed guide →
GitHub Copilot _{Add the hosted TypeUI MCP server to GitHub Copilot.} Open GitHub Copilot guide →	Cline _{Add the hosted TypeUI MCP server to Cline.} Install in Cline →	Qwen _{Add the hosted TypeUI MCP server to Qwen Code.} Open Qwen guide →
Amp _{Add the hosted TypeUI MCP server to Amp.} Open Amp guide →	Goose _{Add the hosted TypeUI MCP server to Goose.} Open Goose guide →	Lovable _{Add the hosted TypeUI MCP server to Lovable.} Open Lovable guide →
Replit _{Add the hosted TypeUI MCP server to Replit.} Open Replit guide →	v0 _{Add the hosted TypeUI MCP server to v0.} Open v0 guide →

Design skills

Check out all design skills. Available in both DESIGN.md and SKILL.md formats.

Agentic	Ant Ant	Application Application
Artistic Artistic	Bento Bento	Bold Bold
Brutalism Brutalism	Cafe Cafe	Claymorphism Claymorphism
Claude Claude	Clean Clean	Codex Codex
Colorful Colorful	Contemporary Contemporary	Corporate Corporate
Cosmic Cosmic	Creative Creative	Dashboard Dashboard
Dithered Dithered	Doodle Doodle	Dramatic Dramatic
Editorial Editorial	Square Square	Energetic Energetic
Enterprise Enterprise	Expressive Expressive	Fantasy Fantasy
Fiction Fiction	Flat Flat	Friendly Friendly
Futuristic Futuristic	Glassmorphism Glassmorphism	Gradient Gradient
Immersive Immersive	Impeccable Impeccable	Levels Levels
Lingo Lingo	Power Power	Material Material
Matrix Matrix	Minimal Minimal	Modern Modern
Mono Mono	Neon Neon	Neobrutalism Neobrutalism
Neumorphism Neumorphism	Pacman Pacman	Paper Paper
Perspective Perspective	Premium Premium	Professional Professional
Publication Publication	Refined Refined	Retro Retro
Riso Riso	Sega Sega	Shadcn Shadcn
Geometric Geometric	Sketch Sketch	Skeumorphism Skeumorphism
Sleek Sleek	Spacious Spacious	Storytelling Storytelling
Terracotta Terracotta	Tetris Tetris	Vibrant Vibrant
Vintage Vintage

UI design prompts

Browse all major UI prompt categories from TypeUI Prompts.

Hero Sections Hero Sections _{17 layouts}	Pricing Sections Pricing Sections _{20 layouts}	Feature Sections Feature Sections _{16 layouts}
CTA Sections CTA Sections _{11 layouts}	Content Sections Content Sections _{12 layouts}	Contact Sections Contact Sections _{9 layouts}
Customer Logo Sections Customer Logos _{10 layouts}	Team Sections Team Sections _{8 layouts}	Social Proof Sections Social Proof _{11 layouts}
FAQ Sections FAQ Sections _{8 layouts}	Testimonials Testimonials _{8 layouts}	Blog Sections Blog Sections _{8 layouts}
Portfolio Sections Portfolio Sections _{7 layouts}	Newsletter Sections Newsletter _{4 layouts}	Event Schedule Sections Event Schedule _{4 layouts}
Footer Sections Footer Sections _{7 layouts}	Login Pages Login Pages _{5 layouts}	Register Pages Register Pages _{5 layouts}

UI/UX Fundamentals

Use our official skill for UI/UX fundamentals based on years of experience, knowledge and data from the design world to make sure that any UI you generate together with the design skills and UI prompts from TypeUI will keep fundamental design principles in order, such as spacing, typography, color contrasts, and more.

Run this command to install it locally:

code

npx skills add https://github.com/bergside/typeui --skill typeui-fundamentals

CLI commands

All commands run via npx typeui.sh. Add --help to any command to see its options.

	Command	What it does
🪄	`generate`	Generate a fresh `SKILL.md` or `DESIGN.md` from interactive prompts.
✏️	`update`	Re-run prompts and update existing output files in place.
🎲	`randomize`	Generate a fully randomized local design system.
📚	`list`	Browse available registry specs and pull one automatically.
⬇️	`pull <slug>`	Pull a specific registry markdown file by slug.

`generate`

Run interactive prompts and generate a fresh SKILL.md (default) or DESIGN.md file.

bash

npx typeui.sh generate
npx typeui.sh generate --format design

`update`

Run interactive prompts and update existing output files in place.

bash

npx typeui.sh update

`randomize`

Generate a fully randomized local design system — useful for quickly seeding a starter spec.

bash

npx typeui.sh randomize
npx typeui.sh randomize --format design

`list`

Browse available registry specs from bergside/awesome-design-skills (with typeui.sh preview links), then pull one automatically.

bash

npx typeui.sh list
npx typeui.sh list --format design

`pull <slug>`

Pull a registry markdown file by slug. SKILL.md writes to provider paths; DESIGN.md writes to the project root.

bash

npx typeui.sh pull <slug>
npx typeui.sh pull <slug> --format design

Local development

If you want to use this locally these are the commands you need to run:

bash

npm install

npm run build

Then use the following command instead of npx in your terminal:

code

node dist/cli.js --help

License

The CLI and public registry is open-source under the MIT License.

Pro version

Get access to enhanched design skill files, UI prompts for layouts and a private Discord community by getting the pro version and thus supporting our open-source work.

TypeUI

TypeUI MCP Server (io.github.bergside/typeui)

🛠️ Key Features

🚀 Use Cases

⚡ Developer Benefits

⚠️ Limitations

Topics

TypeUI - Build better UI with AI

Getting started

Design skills

UI design prompts

UI/UX Fundamentals

CLI commands

`generate`

`update`

`randomize`

`list`

`pull <slug>`

Local development

License

Pro version

Sponsors

Install

Remote endpoint

Related servers