Más de 200 especificaciones de diseño de aplicaciones en Markdown – Arrástralas a Claude o Cursor para obtener clones exactos de la interfaz de usuario
Describir una UI a Claude en prosa te acerca pero no da en el clavo: colores incorrectos, espaciado incorrecto, estados faltantes. ¿La solución? Entrégale una especificación exacta en lugar de una descripción. Un desarrollador mantiene una lista compilada de más de 200 aplicaciones populares ya redactadas como especificaciones de diseño markdown estructuradas, disponibles en spectr.to/gallery.
Qué incluye cada especificación
- Códigos hex exactos para los colores
- Definiciones de escala tipográfica
- Valores de espaciado (padding, margin, gaps)
- Todos los estados de pantalla (carga, vacío, error, etc.)
- Gráfico de navegación que muestra las transiciones entre pantallas
- Especificaciones separadas para los renderizadores SwiftUI, Jetpack Compose y Expo
Cada especificación es un archivo markdown sin dependencias: lo arrastras directamente a Claude, Cursor o cualquier agente de IA, y tiene los valores reales en lugar de adivinarlos.
Cómo usar
Navega por la galería en spectr.to/gallery para encontrar una aplicación. Descarga (o copia) la especificación markdown para tu framework objetivo. Coloca el archivo en el contexto de tu agente de IA o pégalo en línea. El agente usa entonces la especificación exacta para generar el código de la UI.
El mantenedor está buscando activamente comentarios sobre dos puntos: qué aplicaciones agregar a continuación, y si arrastrar la especificación como archivo o pegarla en línea da mejores resultados; ellos mismos dudan al respecto, así que la opinión del mundo real es bienvenida.
📖 Lee la fuente completa: r/ClaudeAI
👀 Ver también
Configuración de OpenClaw en Máquina Virtual Ubuntu UTM con Acceso a API LLM y Ollama
Un usuario configuró exitosamente OpenClaw en una máquina virtual Ubuntu aislada en un Mac M3, con acceso tanto a Ollama local en macOS como a APIs externas de LLM como Gemini, Claude y DeepSeek. Los archivos de configuración de ejemplo y las notas de solución de problemas están disponibles en GitHub.
Asistente de IA de WhatsApp Desarrollado con Claude Code como Alternativa a OpenClaw
Un desarrollador creó un asistente de IA para WhatsApp usando Claude Code como el cerebro agéntico, con un servidor de retransmisión local para webhooks de WhatsApp y un servidor MCP como puente. El proyecto incluye Arcade para autenticación con alcance a Google Calendar, Gmail y Slack.
Charlas Directas: Una Habilidad de Código Abierto para Claude que Exige Retroalimentación Honesta, No Validación
Una nueva habilidad de Claude de código abierto llamada Straight Talk hace que Claude se niegue a validar ideas hasta que entienda la situación, luego genera contraargumentos y pone a prueba las suposiciones.
Relay permite que las sesiones de Claude Code se comuniquen entre sí sin cambiar de ventana
Un plugin llamado Relay utiliza la capacidad de canales de Claude Code para que sesiones paralelas se comuniquen directamente, eliminando la necesidad de copiar y pegar manualmente el contexto entre los repositorios de backend y frontend.