PLANTILLAS

Plantillas de UI para agentes de IA.

Diseños completos de apps y webs, no solo temas: todas las pantallas que necesita un producto, con contenido realista, en HTML sin más y Tailwind. Clona una y Codex o Claude Code la convierte en tu producto.

• App de runningMobile appPlantilla de UI gratis para una app de running: ocho pantallas de móvil en HTML y Tailwind, con sistema de diseño, para que Codex o Claude Code la hagan tuya.8 screens · Free and open source
• App de reparto de comidaMobile appPlantilla de UI gratis para una app de reparto de comida: 8 pantallas en HTML y Tailwind, del menú al seguimiento, para que Codex o Claude Code la hagan tuya.8 screens · Free and open source
• App de presupuestosMobile appPlantilla de UI gratis para una app de presupuestos: 8 pantallas en HTML y Tailwind con cifras que cuadran, para que Codex o Claude Code la hagan tuya.8 screens · Free and open source
• App de meditaciónMobile appPlantilla gratis de UI para una app de meditación y sueño: ocho pantallas en HTML y Tailwind, del reproductor a la respiración y los cuentos para dormir.8 screens · Free and open source

Cómo funcionan las plantillas

1. Elige una plantilla para el tipo de producto que estás creando.
2. Copia solo esa con npx degit ummydev/ui-templates/apps/<name> my-app.
3. Pide a tu agente que la haga tuya. Cada plantilla incluye su sistema de diseño como un DESIGN.md, así que cada pantalla nueva encaja con las que ya están.

Todas las plantillas son gratis y de código abierto con licencia MIT, en GitHub, en ummydev/ui-templates. Vienen más en camino: una landing page SaaS y un dashboard SaaS.

Preguntas frecuentes

¿Por qué HTML y Tailwind en lugar de un framework?

El HTML sin más se abre en cualquier parte y cualquier agente de IA puede leerlo. Cuando el diseño ya sea tuyo, pide a tu agente que lo rehaga en React, Next.js, React Native, SwiftUI o Flutter.

¿Puedo empezar desde un sistema de diseño?

Sí. La biblioteca de sistemas de diseño tiene 24 sistemas para webs y apps que puedes dar a tu agente como un DESIGN.md.