Fournit des systèmes de design, des prompts UI et des conseils de variation de mise en page aux outils de codage IA pour améliorer la génération d'interfaces utilisateur.
Aussi connu sous bergside/typeui
- Étoiles
- 2 251
- Outils
- —
- Téléchargements, 30 jours
- —
- Dernière version
- 1.0.1
- Dernier commit
- 22 oct. 2026
- Licence
- —
Qu'est-ce que TypeUI MCP ?
TypeUI est un serveur MCP. Fournit des systèmes de design, des prompts UI et des conseils de variation de mise en page aux outils de codage IA pour améliorer la génération d'interfaces utilisateur.
Résumé généré à partir du README du projet
À propos du MCP server TypeUI
TypeUI fournit des systèmes de design, des prompts UI et des conseils de variation de mise en page pour aider les outils de codage IA à générer des interfaces utilisateur de haute qualité. Il est conçu pour les développeurs qui construisent des sites web et des applications et qui souhaitent améliorer la qualité visuelle du code généré par l'IA. La plateforme fonctionne avec n'importe quel fournisseur d'IA prenant en charge les fichiers markdown ou le prompting général.
Les utilisateurs peuvent connecter le MCP server TypeUI à une grande variété d'environnements. Cela inclut des outils de développement locaux comme Cursor, VS Code avec GitHub Copilot, et JetBrains AI Assistant ou Junie. Il prend également en charge les environnements hébergés et les agents tels que Claude, Grok, Mistral, Zed et Replit. En intégrant ces ressources, les développeurs peuvent demander des composants UI en langage naturel pendant que le serveur fournit les Agent Skills et les directives structurelles nécessaires.
Ce que vous pouvez faire avec
- 1Générer des composants UI de haute qualitéDemandez à votre outil de codage IA de construire une interface utilisateur en utilisant des systèmes de design et des directives de mise en page spécifiques.
- 2Refactoriser des interfaces utilisateur existantesFournissez à Claude des directives de design sélectionnées pour améliorer ou réécrire du code UI existant.
- 3Construire des écrans d'application complexesUtilisez le plugin Cursor pour vous aider dans la création d'écrans complets et de diverses sections de mise en page.
- 4Améliorer les workflows de design agentiquesAjoutez des compétences de design spécialisées à des agents autonomes pour améliorer leurs résultats.
Extrait du README du projet. Chaque cas d'utilisation est vérifié par rapport à une citation du document.
Comment installer TypeUI MCP
Formats vérifiés le 10 nov. 2026Ajouter à CursorAjouter à GooseInstaller TypeUI MCP dans Claude Code
$ claude mcp add --transport http typeui https://mcp.typeui.sh/mcpInstaller TypeUI MCP dans Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp"
}
}
}Installer TypeUI MCP dans VS Code
.vscode/mcp.json
{
"servers": {
"typeui": {
"type": "http",
"url": "https://mcp.typeui.sh/mcp"
}
}
}Installer TypeUI MCP dans VS Code CLI
$ code --add-mcp '{"name":"typeui","type":"http","url":"https://mcp.typeui.sh/mcp"}'Installer TypeUI MCP dans Codex
$ codex mcp add typeui --url https://mcp.typeui.sh/mcpInstaller TypeUI MCP dans Codex config.toml
~/.codex/config.toml
[mcp_servers.typeui] url = "https://mcp.typeui.sh/mcp"
Installer TypeUI MCP dans Gemini CLI
$ gemini mcp add -s user --transport http typeui https://mcp.typeui.sh/mcpInstaller TypeUI MCP dans Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp",
"type": "http"
}
}
}Vérifications automatisées
Exécuté le 12 nov. 2026Rapport complet →A passé nos vérifications automatisées. Il ne s'agit pas d'un audit de sécurité : lisez le code et donnez au serveur l'accès le plus restreint dont il a besoin. Fonctionnement des vérifications · Ce qu'il faut corriger pour gagner des points
- Dépôt source lié et accessibleRéussi
- Licence open source (OSI)No licenseFaille
- Commit ou version publiée au cours de l'année écouléeRéussi
- Nom du package non proche d'un package populaireNon vérifié
- L'endpoint distant utilise HTTPSRéussi
- Les outils destructifs sont étiquetésNon vérifié
- Aucune instruction cachée destinée au modèleRéussi
- Aucun avis critique dans le package ou ses dépendancesNon vérifié
README
Voir sur 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.
Questions sur TypeUI MCP
Comment ajouter TypeUI MCP à Claude Code ?
Exécutez claude mcp add --transport http typeui https://mcp.typeui.sh/mcp dans votre terminal. Ajoutez --scope user pour le rendre disponible dans tous les projets.
Comment ajouter TypeUI MCP à Cursor ?
Ouvrez ~/.cursor/mcp.json et ajoutez le serveur sous mcpServers, avec la configuration Cursor indiquée dans la section d'installation ci-dessus.
Comment utiliser TypeUI avec mon outil de codage IA ?
Connectez votre outil de codage IA au MCP TypeUI, puis vous pourrez demander des interfaces en langage naturel pendant que le serveur fournit les systèmes de design et les prompts.
Quels fournisseurs d'IA sont compatibles avec TypeUI ?
Les ressources fonctionnent avec n'importe quel fournisseur d'IA prenant en charge les fichiers markdown ou le prompting général.
Sous quels formats les compétences de design sont-elles disponibles ?
Les compétences de design sont disponibles aux formats DESIGN.md et SKILL.md.