Summary
This is a hosted design system server that feeds UI guidance into AI coding tools. It exposes design skills as markdown resources that tell your LLM how to build better interfaces. Think layout patterns, component conventions, and prompting strategies for common UI frameworks. Works over streamable HTTP, so you point Claude, Cursor, or VS Code Copilot at the endpoint and get access to curated design docs during generation. Useful when you want consistent UI output without pasting the same design instructions into every prompt. The platform includes skills for various design systems like Ant Design and what they call "Agentic" patterns. Treats design knowledge as retrievable context rather than baked-in model behavior.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
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 → |
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.
UI design prompts
Browse all major UI prompt categories from TypeUI Prompts.
Hero Sections 17 layouts |
Pricing Sections 20 layouts |
Feature Sections 16 layouts |
CTA Sections 11 layouts |
Content Sections 12 layouts |
Contact Sections 9 layouts |
Customer Logos 10 layouts |
Team Sections 8 layouts |
Social Proof 11 layouts |
FAQ Sections 8 layouts |
Testimonials 8 layouts |
Blog Sections 8 layouts |
Portfolio Sections 7 layouts |
Newsletter 4 layouts |
Event Schedule 4 layouts |
Footer Sections 7 layouts |
Login Pages 5 layouts |
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:
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.
npx typeui.sh generate
npx typeui.sh generate --format design
update
Run interactive prompts and update existing output files in place.
npx typeui.sh update
randomize
Generate a fully randomized local design system — useful for quickly seeding a starter spec.
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.
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.
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:
npm install
npm run build
Then use the following command instead of npx in your terminal:
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.
Sponsors
A huge thank you to the companies supporting our open-source work.
|
Skybridge |
Want to see your logo here? Become a sponsor.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
