Bietet Design-Systeme, UI-Prompts und Anleitungen für Layout-Variationen für AI-Coding-Tools, um die Generierung von Benutzeroberflächen zu verbessern.
Auch bekannt als bergside/typeui
- Stars
- 2.251
- Tools
- —
- Downloads, 30 Tage
- —
- Neueste Version
- 1.0.1
- Letzter Commit
- 22. Okt. 2026
- Lizenz
- —
Was ist TypeUI MCP?
TypeUI ist ein MCP server. Bietet Design-Systeme, UI-Prompts und Anleitungen für Layout-Variationen für AI-Coding-Tools, um die Generierung von Benutzeroberflächen zu verbessern.
Zusammenfassung generiert aus dem README des Projekts
Über TypeUI MCP server
TypeUI bietet Design-Systeme, UI-Prompts und Anleitungen für Layout-Variationen, um AI-Coding-Tools bei der Generierung hochwertiger Benutzeroberflächen zu unterstützen. Es wurde für Entwickler entwickelt, die Websites und Anwendungen bauen und die visuelle Qualität von KI-generiertem Code verbessern möchten. Die Plattform funktioniert mit jedem AI-Provider, der Markdown-Dateien oder allgemeines Prompting unterstützt.
Nutzer können den TypeUI MCP server mit einer Vielzahl von Umgebungen verbinden. Dazu gehören lokale Entwicklungstools wie Cursor, VS Code mit GitHub Copilot sowie JetBrains AI Assistant oder Junie. Es unterstützt zudem gehostete Umgebungen und Agents wie Claude, Grok, Mistral, Zed und Replit. Durch die Integration dieser Ressourcen können Entwickler UI-Komponenten in natürlicher Sprache anfordern, während der Server die notwendigen Design-Skills und strukturellen Vorgaben liefert.
Was du damit machen kannst
- 1Hochwertige UI-Komponenten generierenFordere dein AI-Coding-Tool auf, eine Benutzeroberfläche unter Verwendung spezifischer Design-Systeme und Layout-Vorgaben zu erstellen.
- 2Bestehende Benutzeroberflächen refactorenVersorge Claude mit kuratierten Design-Anleitungen, um bestehenden UI-Code zu verbessern oder neu zu schreiben.
- 3Komplexe Applikations-Screens bauenNutze das Cursor Plugin, um die Erstellung ganzer Screens und verschiedener Layout-Sektionen zu unterstützen.
- 4Agentic Design Workflows verbessernFüge autonomen Agents spezialisierte Design-Skills hinzu, um deren Output zu optimieren.
Geschrieben aus dem README des Projekts. Jeder Use Case wurde gegen ein Zitat daraus geprüft.
So installierst du TypeUI MCP
Formate geprüft am 10. Nov. 2026Zu Cursor hinzufügenZu Goose hinzufügenTypeUI MCP in Claude Code installieren
$ claude mcp add --transport http typeui https://mcp.typeui.sh/mcpTypeUI MCP in Cursor installieren
~/.cursor/mcp.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp"
}
}
}TypeUI MCP in VS Code installieren
.vscode/mcp.json
{
"servers": {
"typeui": {
"type": "http",
"url": "https://mcp.typeui.sh/mcp"
}
}
}TypeUI MCP in VS Code CLI installieren
$ code --add-mcp '{"name":"typeui","type":"http","url":"https://mcp.typeui.sh/mcp"}'TypeUI MCP in Codex installieren
$ codex mcp add typeui --url https://mcp.typeui.sh/mcpTypeUI MCP in Codex config.toml installieren
~/.codex/config.toml
[mcp_servers.typeui] url = "https://mcp.typeui.sh/mcp"
TypeUI MCP in Gemini CLI installieren
$ gemini mcp add -s user --transport http typeui https://mcp.typeui.sh/mcpTypeUI MCP in Gemini settings.json installieren
~/.gemini/settings.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp",
"type": "http"
}
}
}Automatisierte Checks
Geluften am 12. Nov. 2026Vollständiger Bericht →Unsere automatisierten Checks bestanden. Das ist kein Security-Audit: Lies den Code und gib dem Server nur den minimal notwendigen Zugriff. Wie die Checks funktionieren · Was du für mehr Punkte verbessern kannst
- Source Repository verknüpft und erreichbarBestanden
- Open Source Lizenz (OSI)No licenseBefund
- Commit oder Release im letzten JahrBestanden
- Package-Name ähnelt keinem populären PackageNicht geprüft
- Remote Endpoint nutzt HTTPSBestanden
- Destruktive Tools sind markiertNicht geprüft
- Keine versteckten Anweisungen an das ModellBestanden
- Keine kritischen Advisories im Paket oder seinen AbhängigkeitenNicht geprüft
README
Auf GitHub ansehenTypeUI - 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 Fragen
Wie füge ich TypeUI MCP zu Claude Code hinzu?
Führe claude mcp add --transport http typeui https://mcp.typeui.sh/mcp in deinem Terminal aus. Füge --scope user hinzu, damit der Server in jedem Projekt verfügbar ist.
Wie füge ich TypeUI MCP zu Cursor hinzu?
Öffne ~/.cursor/mcp.json und füge den Server unter mcpServers hinzu, mit der Cursor-Config aus dem Installationsabschnitt oben.
Wie nutze ich TypeUI mit meinem AI-Coding-Tool?
Verbinde dein AI-Coding-Tool mit dem TypeUI MCP, und du kannst dann UI-Elemente in natürlicher Sprache anfordern, während der Server Design-Systeme und Prompts bereitstellt.
Welche AI-Provider sind mit TypeUI kompatibel?
Die Ressourcen funktionieren mit jedem AI-Provider, der Markdown-Dateien oder allgemeines Prompting unterstützt.
In welchen Formaten sind die Design-Skills verfügbar?
Design-Skills sind sowohl im DESIGN.md- als auch im SKILL.md-Format verfügbar.