typeui
bergside · bergside/typeui
Nâng cao khả năng của AI agent để tạo giao diện người dùng tốt hơn bằng cách sử dụng các hệ thống thiết kế và hướng dẫn bố cục.
Build better UI with AI
Xem trước
Bạn có thể làm gì với nó
- Tái cấu trúc mã giao diện lộn xộn thành một hệ thống thiết kế nhất quán
- Tạo nhiều biến thể bố cục cho một phần của trang giới thiệu
- Cung cấp cho agent các quy tắc thiết kế cụ thể để tuân theo trong khi phát triển
Kiểm tra an toàn
Dùng được, nhưng nên đọc ghi chú trước.
- ●Không có giấy phép rõ ràng: hỏi tác giả trước khi dùng cho sản phẩm thương mại.
Quét tự động các file trong repo. Luôn xem lại code trước khi chạy.
Trích từ README
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>
<b>Claude</b>
Give Claude access to curated design guidance while it writes or refactors UI.
<b>Install in Claude →</b>
<b>Cursor</b>
Use the TypeUI Cursor plugin while Cursor builds screens, sections, and variations.
<b>Install in Cursor →</b>
<b>Grok</b>
Add the hosted TypeUI MCP server to Grok.
<b>Open Grok guide →</b>
<b>Z.ai</b>
Add the hosted TypeUI MCP server to Z.ai ZCode.
<b>Open Z.ai guide →</b>
<b>Hermes</b>
Install the TypeUI MCP plugin for Hermes Agent.
<b>Open Hermes guide →</b>
<b>OpenClaw</b>
Add the hosted TypeUI MCP server to OpenClaw.
<b>Open OpenClaw guide →</b>
<b>Eve</b>
Add TypeUI design skills to Eve agents.
<b>Open Eve guide →</b>
<b>Mistral</b>
Add the hosted TypeUI MCP server to Mistral.
<b>Open Mistral guide →</b>
<b>OpenCode</b>
Give OpenCode access to TypeUI design systems and prompts.
<b>Install in OpenCode →</b>
<b>VS Code</b>
Connect GitHub Copilot in VS Code to TypeUI MCP.
<b>Install in VS Code →</b>
<b>Antigravity</b>
Connect Antigravity to TypeUI MCP for UI generation workflows.
<b>Open Antigravity guide →</b>
<b>Windsurf</b>
Connect Windsurf Cascade to TypeUI MCP.
<b>Install in Windsurf →</b>
<b>JetBrains</b>
Connect JetBrains AI Assistant or Junie to TypeUI MCP.
<b>Install in JetBrains →</b>
<b>Zed</b>
Add the hosted TypeUI MCP server to Zed.
<b>Open Zed guide →</b>
<b>GitHub Copilot</b>
Add the hosted TypeUI MCP server to GitHub Copilot.
<b>Open GitHub Copilot guide →</b>
<b>Cline</b>
Add the hosted TypeUI MCP server to Cline.
<b>Install in Cline →</b>
<b>Qwen</b>
Add the hosted TypeUI MCP server to Qwen Code.
<b>Open Qwen guide →</b>
<b>Amp</b>
Add the hosted TypeUI MCP server to Amp.
<b>Open Amp guide →</b>
<b>Goose</b>
Add the hosted TypeUI MCP server to Goose.
<b>Open Goose guide →</b>
<b>Lovable</b>
Add the hosted TypeUI MCP server to Lovable.
<b>Open Lovable guide →</b>
<b>Replit</b>
Add the hosted TypeUI MCP server to Replit.
<b>Open Replit guide →</b>
<b>v0</b>
Add the hosted TypeUI MCP server to v0.
<b>Open v0 guide →</b>
Design skills
Check out all design skills. Available in both DESIGN.md and SKILL.md formats.
<b>Agentic</b>
<b>Ant</b>
<b>Application</b>
<b>Artistic</b>
<b>Bento</b>
<b>Bold</b>
<b>Brutalism</b>
<b>Cafe</b>
<b>Claymorphism</b>
<b>Claude</b>
<b>Clean</b>
<b>Codex</b>
<b>Colorful</b>
<b>Contemporary</b>
<b>Corporate</b>
<b>Cosmic</b>
<b>Creative</b>
<b>Dashboard</b>
<b>Dithered</b>
<b>Doodle</b>
<b>Dramatic</b>
<b>Editorial</b>
<b>Square</b>