Más de 1270 diseños de sitios reales para agentes de código con IA
Una biblioteca gratuita de archivos design.md permite pasar el estilo de landing pages reales a agentes de código como Claude Code, Codex o Cursor.
Se encontró una biblioteca abierta con diseños de más de 1270 sitios reales. Los desarrolladores pueden elegir un landing page, descargar su archivo design.md y pasarlo a Claude Code, Codex o Cursor.
El archivo incluye recomendaciones de maquetación, paleta de colores y tipografía. El agente de IA usa estos datos para recrear interfaces en el mismo estilo visual.
El servicio funciona gratis y sin registro.
Enlace: UI Gradient Deck.
Por qué es importante
AnálisisOfrece a los agentes de código referencias visuales concretas, reduce el tiempo de exploración y ayuda a crear interfaces más coherentes.
Debatir en la comunidad
Comparte tus preguntas e ideas con desarrolladores
Relacionado en el ecosistema
Guías prácticas, terminología y skills de agentes
50 estilos de diseño visual: guía fundamental para sistemas de diseño, UI/UX y dirección de arte
Un diccionario visual completo de 50 estilos de diseño: análisis estético, paletas de color, combinaciones tipográficas, reglas para sistemas de diseño y control preciso de IA.
Cómo crear un sistema de diseño propio en Claude Design: de moodboard a mascota animada
Guía práctica para construir un sistema de diseño de marca en Claude Design: referencias visuales, 4 conceptos contrastantes, tokenización, pruebas y mascota animada en SVG.
El desarrollador de Ghostty añade una regla burlona para agentes de IA en AGENTS.md
El archivo AGENTS.md de Ghostty pide a los agentes de IA añadir un archivo con un comentario insultante al crear pull requests; Turborepo usa una regla similar.
ChatGPT Canvas (Lienzo Interactivo)
Interfaz de ChatGPT de doble panel para trabajar iterativamente en código y textos. Permite resaltar párrafos, ajustar longitud, modificar nivel de legibilidad y depurar código sin reescribir todo el documento.