Yapay zeka destekli kodlama araçlarının kullanıcı arayüzü oluşturma süreçlerini geliştirmek için tasarım sistemleri, UI promptları ve düzen varyasyonu rehberliği sağlar.
Ayrıca bilinen adı bergside/typeui
- Yıldızlar
- 2.251
- Araçlar
- —
- İndirmeler, 30 gün
- —
- En son sürüm
- 1.0.1
- Son commit
- 22 Eki 2026
- Lisans
- —
TypeUI MCP nedir?
TypeUI bir MCP sunucusudur. Yapay zeka destekli kodlama araçlarının kullanıcı arayüzü oluşturma süreçlerini geliştirmek için tasarım sistemleri, UI promptları ve düzen varyasyonu rehberliği sağlar.
Özet, projenin README dosyasından oluşturuldu
TypeUI MCP sunucusu hakkında
TypeUI, yapay zeka kodlama araçlarının yüksek kaliteli kullanıcı arayüzleri oluşturmasına yardımcı olmak için tasarım sistemleri, UI promptları ve düzen varyasyonu rehberliği sunar. Yapay zeka tarafından üretilen kodun görsel kalitesini artırmak isteyen web sitesi ve uygulama geliştiricileri için tasarlanmıştır. Platform, markdown dosyalarını veya genel prompt kullanımını destekleyen tüm yapay zeka sağlayıcıları ile çalışır.
Kullanıcılar, TypeUI MCP server yapısını çok çeşitli ortamlara bağlayabilirler. Buna Cursor, GitHub Copilot ile VS Code ve JetBrains AI Assistant veya Junie gibi yerel geliştirme araçları dahildir. Ayrıca Claude, Grok, Mistral, Zed ve Replit gibi barındırılan ortamları ve agent'ları da destekler. Geliştiriciler, bu kaynakları entegre ederek sunucunun gerekli tasarım yeteneklerini ve yapısal rehberliği sağlamasıyla birlikte, doğal dilde UI bileşenleri talep edebilirler.
Neler yapabilirsiniz
- 1Yüksek kaliteli UI bileşenleri oluşturunBelirli tasarım sistemlerini ve düzen rehberliğini kullanarak bir kullanıcı arayüzü oluşturması için yapay zeka kodlama aracınızdan talepte bulunun.
- 2Mevcut kullanıcı arayüzlerini refactor edinMevcut UI kodunu iyileştirmek veya yeniden yazmak için Claude'a küratörlüğünü yaptığınız tasarım rehberliğini sağlayın.
- 3Karmaşık uygulama ekranları inşa edinTam ekranların ve çeşitli düzen bölümlerinin oluşturulmasına yardımcı olması için Cursor plugin'ini kullanın.
- 4Agentic tasarım iş akışlarını geliştirinOtonom agent'ların çıktılarını iyileştirmek için onlara özelleşmiş tasarım yetenekleri ekleyin.
Projenin README dosyasından alınmıştır. Her kullanım durumu, oradaki bir alıntı ile kontrol edilir.
TypeUI MCP nasıl yüklenir
Biçimler 10 Kas 2026 tarihinde doğrulandıCursor'a ekleGoose'a ekleTypeUI MCP'yi Claude Code içine yükleyin
$ claude mcp add --transport http typeui https://mcp.typeui.sh/mcpTypeUI MCP'yi Cursor içine yükleyin
~/.cursor/mcp.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp"
}
}
}TypeUI MCP'yi VS Code içine yükleyin
.vscode/mcp.json
{
"servers": {
"typeui": {
"type": "http",
"url": "https://mcp.typeui.sh/mcp"
}
}
}TypeUI MCP'yi VS Code CLI içine yükleyin
$ code --add-mcp '{"name":"typeui","type":"http","url":"https://mcp.typeui.sh/mcp"}'TypeUI MCP'yi Codex içine yükleyin
$ codex mcp add typeui --url https://mcp.typeui.sh/mcpTypeUI MCP'yi Codex config.toml içine yükleyin
~/.codex/config.toml
[mcp_servers.typeui] url = "https://mcp.typeui.sh/mcp"
TypeUI MCP'yi Gemini CLI içine yükleyin
$ gemini mcp add -s user --transport http typeui https://mcp.typeui.sh/mcpTypeUI MCP'yi Gemini settings.json içine yükleyin
~/.gemini/settings.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp",
"type": "http"
}
}
}Otomatik kontroller
Çalıştırıldı 12 Kas 2026Tam rapor →Otomatik kontrollerimizden geçti. Bu bir güvenlik denetimi değildir: kodu okuyun ve sunucuya ihtiyaç duyduğu en dar erişimi verin. Kontroller nasıl çalışır · Daha fazla puan için nelerin düzeltileceği
- Kaynak deposu bağlantılı ve erişilebilirGeçti
- Açık kaynak lisansı (OSI)No licenseBulgu
- Son bir yıl içinde commit veya sürüm mevcutGeçti
- Paket adı popüler bir pakete yakın değilKontrol edilmedi
- Uzak uç nokta HTTPS kullanıyorGeçti
- Yıkıcı araçlar etiketlenmişKontrol edilmedi
- Modele yönelik gizli talimat yokGeçti
- Pakette veya bağımlılıklarında kritik uyarı yokKontrol edilmedi
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.
Design skills
Check out all design skills. Available in both DESIGN.md and SKILL.md formats.
TypeUI MCP soruları
TypeUI MCP'yi Claude Code'a nasıl eklerim?
Terminalinizde claude mcp add --transport http typeui https://mcp.typeui.sh/mcp komutunu çalıştırın. Her projede kullanılabilir olması için --scope user ekleyin.
TypeUI MCP'yi Cursor'a nasıl eklerim?
~/.cursor/mcp.json dosyasını açın ve yukarıdaki yükleme bölümünde gösterilen Cursor yapılandırmasını kullanarak sunucuyu mcpServers altına ekleyin.
TypeUI'ı yapay zeka kodlama aracımla nasıl kullanabilirim?
Yapay zeka kodlama aracınızı TypeUI MCP'ye bağlayın; ardından sunucu tasarım sistemleri ve promptlar sağlarken siz de doğal dilde UI talebinde bulunabilirsiniz.
Hangi yapay zeka sağlayıcıları TypeUI ile uyumludur?
Kaynaklar, markdown dosyalarını veya genel prompt kullanımını destekleyen tüm yapay zeka sağlayıcıları ile çalışır.
Tasarım yetenekleri hangi formatlarda sunulmaktadır?
Tasarım yetenekleri hem DESIGN.md hem de SKILL.md formatlarında mevcuttur.