TypeUI
Design systems, UI prompts, and layout variations for AI coding tools.
التثبيت
أضف هذا إلى إعدادات MCP في عميلك (Claude Desktop: claude_desktop_config.json، وCursor: .cursor/mcp.json، ويستخدم VS Code وغيره الصيغة نفسها «mcpServers»).
claude mcp add --transport http typeui 'https://mcp.typeui.sh/mcp'{
"mcpServers": {
"typeui": {
"type": "http",
"url": "https://mcp.typeui.sh/mcp"
}
}
}التوثيق
مأخوذ من ملف README للمشروع على GitHub ويُحدَّث أسبوعيًا. تفتح الروابط على 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.
Connect Codex to TypeUI MCP automatically with the TypeUI Codex plugin.
Give Claude access to curated design guidance while it writes or refactors UI.
Use the TypeUI Cursor plugin while Cursor builds screens, sections, and variations.
Add the hosted TypeUI MCP server to Grok.
Add the hosted TypeUI MCP server to Z.ai ZCode.
Install the TypeUI MCP plugin for Hermes Agent.
Add the hosted TypeUI MCP server to OpenClaw.
Add TypeUI design skills to Eve agents.
Add the hosted TypeUI MCP server to Mistral.
Give OpenCode access to TypeUI design systems and prompts.
Connect GitHub Copilot in VS Code to TypeUI MCP.
Connect Antigravity to TypeUI MCP for UI generation workflows.
Connect Windsurf Cascade to TypeUI MCP.
Connect JetBrains AI Assistant or Junie to TypeUI MCP.
Add the hosted TypeUI MCP server to Zed.
Add the hosted TypeUI MCP server to GitHub Copilot.
Add the hosted TypeUI MCP server to Cline.
Add the hosted TypeUI MCP server to Qwen Code.
Add the hosted TypeUI MCP server to Amp.
Add the hosted TypeUI MCP server to Goose.
Add the hosted TypeUI MCP server to Lovable.
Add the hosted TypeUI MCP server to Replit.
Add the hosted TypeUI MCP server to v0.
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.
17 layouts
20 layouts
16 layouts
11 layouts
12 layouts
9 layouts
10 layouts
8 layouts
11 layouts
8 layouts
8 layouts
8 layouts
7 layouts
4 layouts
4 layouts
7 layouts
5 layouts
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-fundamentalsCLI 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 designupdate
Run interactive prompts and update existing output files in place.
npx typeui.sh updaterandomize
Generate a fully randomized local design system — useful for quickly seeding a starter spec.
npx typeui.sh randomize
npx typeui.sh randomize --format designlist
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 designpull <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 designLocal development
If you want to use this locally these are the commands you need to run:
npm install
npm run buildThen use the following command instead of npx in your terminal:
node dist/cli.js --helpLicense
The CLI and public registry is open-source under the MIT License.
Pro version
Get access to enhanced 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.
Want to see your logo here? Become a sponsor.
الأسئلة الشائعة
ما هو TypeUI؟
Design systems, UI prompts, and layout variations for AI coding tools.
كيف أثبّت TypeUI؟
يعمل كخادم بعيد. في Claude Code: claude mcp add --transport http typeui 'https://mcp.typeui.sh/mcp'. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.
هل يحتاج TypeUI إلى مفتاح API؟
لا يذكر إدراجه في السجل أي مفتاح أو سر إلزامي. قد تتطلب بعض الميزات حسابًا لدى الخدمة التي يتصل بها.
هل TypeUI مفتوح المصدر؟
شيفرته علنية على GitHub، لكن المستودع لا يعلن ترخيصًا قياسيًا.
من يصون TypeUI؟
ينشره bergside. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.
من سجل MCP الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.