Un skill de agente que ejecuta Claude Design localmente en Cursor, Claude Code u otros agentes para crear maquetas, prototipos y presentaciones HTML autocontenidos.
bergside/typeui
Biblioteca de habilidades de diseño y prompts de UI, con CLI y conexión MCP, que ofrece sistemas de diseño y orientación sobre layouts a herramientas de programación con IA.
- Estrellas
- 2,212
- Forks
- 154
- Issues abiertos
- 1
- Último commit
- hace 16 días
¿Qué es?
TypeUI es una colección de habilidades de diseño, prompts de UI y especificaciones de sistemas de diseño que los asistentes de programación con IA pueden usar para generar sitios web y aplicaciones. Los recursos se ofrecen como archivos Markdown en formatos DESIGN.md y SKILL.md, por lo que se pueden usar con cualquier proveedor de IA que acepte Markdown o prompts generales.
El proyecto ofrece una CLI que se ejecuta con npx typeui.sh y permite generar, actualizar, aleatorizar, listar y descargar especificaciones de diseño. También incluye guías para configurar un servidor MCP alojado con herramientas como Codex, Claude, Cursor, VS Code, Windsurf, Zed y varias más. Una habilidad de fundamentos de UI/UX cubre el espaciado, la tipografía y el contraste de colores para que las interfaces generadas sigan principios básicos de diseño.
El repositorio incluye un catálogo de estilos de habilidades de diseño, como Minimal, Brutalism y Glassmorphism, además de layouts de prompts para secciones de marketing y aplicaciones, como páginas de inicio, precios, preguntas frecuentes e inicio de sesión.
Funciones clave
- 01Genera especificaciones de diseño SKILL.md o DESIGN.md mediante prompts interactivos de la CLI.
- 02Conecta herramientas de programación con IA a TypeUI mediante un servidor MCP alojado.
- 03Ofrece una habilidad de fundamentos de UI/UX que abarca el espaciado, la tipografía y el contraste.
- 04Incluye un catálogo de estilos de diseño y prompts de layouts para páginas de marketing y aplicaciones.
Casos de uso
- Orientar a un asistente de programación con IA para crear páginas de destino o dashboards coherentes.
- Crear una base para un sistema de diseño inicial en un nuevo proyecto web o de aplicaciones.
- Proporcionar a un agente de IA referencias para secciones habituales de páginas, como precios o preguntas frecuentes.
Inicio rápido
- 1
Abre la guía de TypeUI para tu herramienta de programación con IA
- 2
Conecta tu herramienta de IA al servidor MCP de TypeUI siguiendo los pasos de la guía
Antes de usarlo
- La licencia no está especificada claramente (NOASSERTION), así que consulta sus condiciones antes de reutilizar el proyecto.
- La conexión MCP depende del servicio TypeUI alojado en typeui.sh.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es typeui?
- Biblioteca de habilidades de diseño y prompts de UI, con CLI y conexión MCP, que ofrece sistemas de diseño y orientación sobre layouts a herramientas de programación con IA. TypeUI es una colección de habilidades de diseño, prompts de UI y especificaciones de sistemas de diseño que los asistentes de programación con IA pueden usar para generar sitios web y aplicaciones. Los recursos se ofrecen como archivos Markdown en formatos DESIGN.md y SKILL.md, por lo que se pueden usar con cualquier proveedor de IA que acepte Markdown o prompts generales.
- ¿typeui es gratuito? ¿Qué licencia tiene?
- typeui es open source bajo la licencia Other. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿typeui sigue mantenido?
- Mantenimiento activo. El último commit de typeui fue el 22 oct 2026.
- ¿Para qué puedo usar typeui?
- Orientar a un asistente de programación con IA para crear páginas de destino o dashboards coherentes. Crear una base para un sistema de diseño inicial en un nuevo proyecto web o de aplicaciones. Proporcionar a un agente de IA referencias para secciones habituales de páginas, como precios o preguntas frecuentes.
- ¿Cómo se instala typeui?
- Abre la guía de TypeUI para tu herramienta de programación con IA Conecta tu herramienta de IA al servidor MCP de TypeUI siguiendo los pasos de la guía
- ¿Dónde consigo typeui?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/bergside/typeui
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Colección de código abierto de iconos Fluent UI de Microsoft, familiares, amigables y modernos, disponible para Android, iOS/macOS, Flutter y como SVG sin procesar.
Diseña pósteres, publicaciones para redes sociales, presentaciones y páginas de destino en GitHub Copilot, Claude Code, Codex o Cursor, sin necesidad de una aplicación de escritorio aparte.
Un pequeño framework de Ruby para crear interfaces de línea de comandos interactivas con prompts, indicadores giratorios, barras de progreso y marcos anidados.
Registro de skills de UI y diseño de ingeniería listas para agentes, consultable mediante una CLI y un servidor MCP.
Colección de 273 habilidades de diseño listas para agentes y 76 comandos slash para Claude Code y Gemini CLI, sobre investigación, sistemas, UI, interacción y entrega.