Proporciona sistemas de diseño, prompts de UI y guía de variaciones de diseño a herramientas de codificación con IA para mejorar la generación de interfaces de usuario.
También conocido como bergside/typeui
- Stars
- 2251
- Herramientas
- —
- Descargas, 30 días
- —
- Última versión
- 1.0.1
- Último commit
- 22 oct 2026
- Licencia
- —
¿Qué es TypeUI MCP?
TypeUI es un MCP server. Proporciona sistemas de diseño, prompts de UI y guía de variaciones de diseño a herramientas de codificación con IA para mejorar la generación de interfaces de usuario.
Resumen generado a partir del README del proyecto
Acerca del MCP server de TypeUI
TypeUI proporciona sistemas de diseño, prompts de UI y guía de variaciones de diseño para ayudar a las herramientas de codificación con IA a generar interfaces de usuario de alta calidad. Está diseñado para desarrolladores que construyen sitios web y aplicaciones y que desean mejorar la calidad visual del código generado por IA. La plataforma funciona con cualquier proveedor de IA que soporte archivos markdown o prompting general.
Los usuarios pueden conectar el MCP server de TypeUI a una gran variedad de entornos. Esto incluye herramientas de desarrollo local como Cursor, VS Code con GitHub Copilot y JetBrains AI Assistant o Junie. También es compatible con entornos alojados y agentes como Claude, Grok, Mistral, Zed y Replit. Al integrar estos recursos, los desarrolladores pueden solicitar componentes de UI en lenguaje natural mientras el servidor suministra las Agent Skills de diseño y la guía estructural necesaria.
Qué puedes hacer con él
- 1Generar componentes de UI de alta calidadPide a tu herramienta de codificación con IA que construya una interfaz de usuario utilizando sistemas de diseño y guías de diseño específicas.
- 2Refactorizar interfaces de usuario existentesProporciona a Claude una guía de diseño curada para mejorar o reescribir código de UI existente.
- 3Construir pantallas de aplicaciones complejasUtiliza el plugin de Cursor para asistirte en la creación de pantallas completas y diversas secciones de diseño.
- 4Mejorar flujos de trabajo de diseño agénticosAñade Agent Skills de diseño especializadas a agentes autónomos para mejorar sus resultados.
Escrito a partir del README del proyecto. Cada caso de uso se verifica con una cita del mismo.
Cómo instalar TypeUI MCP
Formatos verificados el 10 nov 2026Añadir a CursorAñadir a GooseInstalar TypeUI MCP en Claude Code
$ claude mcp add --transport http typeui https://mcp.typeui.sh/mcpInstalar TypeUI MCP en Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp"
}
}
}Instalar TypeUI MCP en VS Code
.vscode/mcp.json
{
"servers": {
"typeui": {
"type": "http",
"url": "https://mcp.typeui.sh/mcp"
}
}
}Instalar TypeUI MCP en VS Code CLI
$ code --add-mcp '{"name":"typeui","type":"http","url":"https://mcp.typeui.sh/mcp"}'Instalar TypeUI MCP en Codex
$ codex mcp add typeui --url https://mcp.typeui.sh/mcpInstalar TypeUI MCP en Codex config.toml
~/.codex/config.toml
[mcp_servers.typeui] url = "https://mcp.typeui.sh/mcp"
Instalar TypeUI MCP en Gemini CLI
$ gemini mcp add -s user --transport http typeui https://mcp.typeui.sh/mcpInstalar TypeUI MCP en Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp",
"type": "http"
}
}
}Verificaciones automáticas
Ejecutado 12 nov 2026Informe completo →Pasó nuestras verificaciones automáticas. Esto no es una auditoría de seguridad: lee el código y dale al servidor el acceso más limitado que necesite. Cómo funcionan las verificaciones · Qué corregir para obtener más puntos
- Repositorio de origen vinculado y accesibleAprobado
- Licencia de código abierto (OSI)No licenseHallazgo
- Commit o lanzamiento en el último añoAprobado
- El nombre del paquete no es similar a un paquete popularNo verificado
- El endpoint remoto usa HTTPSAprobado
- Las herramientas destructivas están etiquetadasNo verificado
- Sin instrucciones ocultas para el modeloAprobado
- No hay avisos críticos en el paquete ni en sus dependenciasNo verificado
README
Ver en 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.
Preguntas sobre TypeUI MCP
¿Cómo agrego TypeUI MCP a Claude Code?
Ejecuta claude mcp add --transport http typeui https://mcp.typeui.sh/mcp en tu terminal. Añade --scope user para que esté disponible en todos los proyectos.
¿Cómo agrego TypeUI MCP a Cursor?
Abre ~/.cursor/mcp.json y añade el servidor en mcpServers, usando la configuración de Cursor que se muestra en la sección de instalación de arriba.
¿Cómo uso TypeUI con mi herramienta de codificación con IA?
Conecta tu herramienta de codificación con IA al MCP de TypeUI; después podrás solicitar interfaces en lenguaje natural mientras el servidor suministra los sistemas de diseño y los prompts.
¿Qué proveedores de IA son compatibles con TypeUI?
Los recursos funcionan con cualquier proveedor de IA que soporte archivos markdown o prompting general.
¿En qué formatos están disponibles las habilidades de diseño?
Las habilidades de diseño están disponibles en formatos DESIGN.md y SKILL.md.