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.
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 logo
Claude
Give Claude access to curated design guidance while it writes or refactors UI.
Install in Claude → Cursor logo
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 logo
Mistral
Add the hosted TypeUI MCP server to Mistral.
Open Mistral guide → OpenCode logo
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 logo
Antigravity
Connect Antigravity to TypeUI MCP for UI generation workflows.
Open Antigravity guide → Windsurf logo
Windsurf
Connect Windsurf Cascade to TypeUI MCP.
Install in Windsurf →
JetBrains
Connect JetBrains AI Assistant or Junie to TypeUI MCP.
Install in JetBrains → Zed logo
Zed
Add the hosted TypeUI MCP server to Zed.
Open Zed guide → GitHub Copilot logo
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 logo
Qwen
Add the hosted TypeUI MCP server to Qwen Code.
Open Qwen guide → Amp logo
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 logo
Lovable
Add the hosted TypeUI MCP server to Lovable.
Open Lovable guide → Replit logo
Replit
Add the hosted TypeUI MCP server to Replit.
Open Replit guide →
Check out all design skills. Available in both DESIGN.md and SKILL.md formats.
Browse all major UI prompt categories from TypeUI Prompts.
Hero Sections
17 layouts Pricing Sections
Pricing Sections
20 layouts Feature Sections
Feature Sections
16 layouts
CTA Sections
11 layouts Content Sections
Content Sections
12 layouts Contact Sections
Contact Sections
9 layouts
Customer Logos
10 layouts Team Sections
Team Sections
8 layouts Social Proof Sections
Social Proof
11 layouts
FAQ Sections
8 layouts Testimonials
Testimonials
8 layouts Blog Sections
Blog Sections
8 layouts
Portfolio Sections
7 layouts Newsletter Sections
Newsletter
4 layouts Event Schedule Sections
Event Schedule
4 layouts
Footer Sections
7 layouts Login Pages
Login Pages
5 layouts Register Pages
Register Pages
5 layouts
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
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. |
Run interactive prompts and generate a fresh SKILL.md (default) or DESIGN.md file.
npx typeui.sh generate npx typeui.sh generate --format design
Run interactive prompts and update existing output files in place.
npx typeui.sh update
Generate a fully randomized local design system — useful for quickly seeding a starter spec.
npx typeui.sh randomize npx typeui.sh randomize --format design
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 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
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
The CLI and public registry is open-source under the MIT License.
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.
A huge thank you to the companies supporting our open-source work.
Want to see your logo here? Become a sponsor.