Menyediakan design system, prompt UI, dan panduan variasi layout kepada AI coding tool untuk meningkatkan hasil pembuatan user interface.
Juga dikenal sebagai bergside/typeui
- Stars
- 2.251
- Tools
- —
- Unduhan, 30 hari
- —
- Versi terbaru
- 1.0.1
- Commit terakhir
- 22 Okt 2026
- Lisensi
- —
Apa itu TypeUI MCP?
TypeUI adalah MCP server. Menyediakan design system, prompt UI, dan panduan variasi layout kepada AI coding tool untuk meningkatkan hasil pembuatan user interface.
Ringkasan dibuat dari README proyek
Tentang TypeUI MCP server
TypeUI menyediakan design system, prompt UI, dan panduan variasi layout untuk membantu AI coding tool menghasilkan user interface berkualitas tinggi. Tool ini dirancang bagi developer yang sedang membangun website dan aplikasi yang ingin meningkatkan kualitas visual dari kode yang dihasilkan oleh AI. Platform ini bekerja dengan provider AI apa pun yang mendukung file markdown atau prompting umum.
Pengguna dapat menghubungkan TypeUI MCP server ke berbagai macam environment. Ini mencakup local development tools seperti Cursor, VS Code dengan GitHub Copilot, dan JetBrains AI Assistant atau Junie. Tool ini juga mendukung hosted environments dan agent seperti Claude, Grok, Mistral, Zed, dan Replit. Dengan mengintegrasikan resource ini, developer dapat meminta komponen UI menggunakan bahasa sehari-hari sementara server menyediakan design skill dan panduan struktural yang dibutuhkan.
Apa yang bisa Anda lakukan dengannya
- 1Generate komponen UI berkualitas tinggiMinta AI coding tool Anda untuk membangun user interface menggunakan design system dan panduan layout tertentu.
- 2Refactor user interface yang sudah adaBerikan panduan desain terkurasi kepada Claude untuk memperbaiki atau menulis ulang kode UI yang sudah ada.
- 3Membangun layar aplikasi yang kompleksGunakan plugin Cursor untuk membantu pembuatan full screen dan berbagai bagian layout.
- 4Meningkatkan workflow desain agenticTambahkan design skill khusus ke autonomous agent untuk meningkatkan hasil output mereka.
Ditulis berdasarkan README proyek. Setiap use case diperiksa terhadap kutipan dari README tersebut.
Cara menginstal TypeUI MCP
Format diverifikasi 10 Nov 2026Tambahkan ke CursorTambahkan ke GooseInstal TypeUI MCP di Claude Code
$ claude mcp add --transport http typeui https://mcp.typeui.sh/mcpInstal TypeUI MCP di Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp"
}
}
}Instal TypeUI MCP di VS Code
.vscode/mcp.json
{
"servers": {
"typeui": {
"type": "http",
"url": "https://mcp.typeui.sh/mcp"
}
}
}Instal TypeUI MCP di VS Code CLI
$ code --add-mcp '{"name":"typeui","type":"http","url":"https://mcp.typeui.sh/mcp"}'Instal TypeUI MCP di Codex
$ codex mcp add typeui --url https://mcp.typeui.sh/mcpInstal TypeUI MCP di Codex config.toml
~/.codex/config.toml
[mcp_servers.typeui] url = "https://mcp.typeui.sh/mcp"
Instal TypeUI MCP di Gemini CLI
$ gemini mcp add -s user --transport http typeui https://mcp.typeui.sh/mcpInstal TypeUI MCP di Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp",
"type": "http"
}
}
}Pengecekan otomatis
Berjalan 12 Nov 2026Laporan lengkap →Lolos checks otomatis kami. Ini bukan audit keamanan: baca kodenya dan berikan server akses paling terbatas yang dibutuhkannya. Cara kerja checks · Yang perlu diperbaiki untuk menambah poin
- Source repository terhubung dan dapat dijangkauLolos
- Lisensi open source (OSI)No licenseTemuan
- Ada commit atau release dalam satu tahun terakhirLolos
- Nama package tidak mirip dengan package populerTidak diperiksa
- Remote endpoint menggunakan HTTPSLolos
- Tools yang bersifat destruktif telah diberi labelTidak diperiksa
- Tidak ada instruksi tersembunyi untuk modelLolos
- Tidak ada advisory kritis pada paket atau dependensinyaTidak diperiksa
README
Lihat di GitHubTypeUI - 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.
Design skills
Check out all design skills. Available in both DESIGN.md and SKILL.md formats.
Pertanyaan tentang TypeUI MCP
Bagaimana cara menambahkan TypeUI MCP ke Claude Code?
Jalankan claude mcp add --transport http typeui https://mcp.typeui.sh/mcp di terminal Anda. Tambahkan --scope user agar tersedia di semua proyek.
Bagaimana cara menambahkan TypeUI MCP ke Cursor?
Buka ~/.cursor/mcp.json dan tambahkan server di bawah mcpServers, menggunakan config Cursor yang ditunjukkan di bagian instalasi di atas.
Bagaimana cara menggunakan TypeUI dengan AI coding tool saya?
Hubungkan AI coding tool Anda ke TypeUI MCP, lalu Anda dapat meminta pembuatan UI menggunakan bahasa sehari-hari sementara server menyediakan design system dan prompt yang diperlukan.
Provider AI mana saja yang kompatibel dengan TypeUI?
Resource yang tersedia dapat bekerja dengan provider AI apa pun yang mendukung file markdown atau prompting umum.
Dalam format apa design skill tersedia?
Design skill tersedia dalam format DESIGN.md dan SKILL.md.