50 aplicaciones populares reconstruidas en especificaciones de diseño legibles por Claude: Patrones clave para clonar interfaces de usuario
u/meliwat pasó semanas realizando ingeniería inversa de 50 aplicaciones populares para convertirlas en especificaciones de diseño estructuradas en markdown y se las dio a Claude para reconstruir las interfaces. La diferencia entre clones casi perfectos y salidas que se desviaban se redujo a unas pocas prácticas concretas observadas a gran escala.
Lo que hizo que Claude lograra clones de UI
- Valores exactos, no rangos.
#1A1A1Afunciona. "gris oscuro" produce cinco grises diferentes en cinco pantallas. - Cobertura de estados por adelantado. Listar cada estado (vacío, cargando, error, lleno) evitó que Claude inventara los suyos propios.
- Espaciado como escala, no píxeles por elemento. Un sistema de espaciado 4/8/16/24 produjo diseños más consistentes que anotar cada espacio.
- Navegación como gráfico. Las transiciones explícitas entre pantallas eliminaron las suposiciones sobre "¿a dónde va este botón?".
Lo que no ayudó
La prosa extensa. Más allá de cierto punto, más palabras empeoraron la salida, no la mejoraron. Mantén las especificaciones concisas.
Recursos disponibles
La colección completa es de código abierto en GitHub en github.com/Meliwat/awesome-ios-design-md. Cada aplicación incluye 3 niveles de especificación: referencia rápida, compilación estándar o clon a nivel de píxel completo. Todo en markdown, licencia MIT, sin dependencias.
Pregunta a la comunidad
El autor pregunta: si has hecho clonación de UI con Claude, ¿qué patrones has encontrado que falten en esta lista? ¿Qué aplicaciones vale la pena agregar a continuación?
📖 Lee la fuente completa: r/ClaudeAI
👀 Ver también
Gremio OpenClaw: Servidor de agentes de IA multiusuario para equipos
OpenClaw Guild amplía OpenClaw de usuario único a un servidor de IA multiusuario con control de acceso basado en roles, datos aislados por agente y un sistema de memoria de 4 niveles. Incluye un panel de administración web y despliegue con Docker-compose para configuración en 15 minutos.
Auto Router vs Sonnet: Ahorro de Costos vs Calidad de Respuesta
La función Auto Router de Open Router selecciona dinámicamente modelos de lenguaje según la complejidad del contexto, ofreciendo ahorros significativos de costos (0.8 centavos vs 0.00071 centavos por solicitud), pero los usuarios reportan una calidad de respuesta degradada en comparación con Sonnet 4.6.
Extensión de navegador Claude Pulse muestra conteo de tokens, temporizadores de caché y límites de velocidad en Claude.ai
Claude Pulse es una extensión de Chrome del lado del cliente que agrega un panel en tiempo real a Claude.ai mostrando el conteo de tokens por mensaje, el uso total del contexto, un temporizador de caducidad de caché de prompt y una barra de progreso de límite de tasa. También incluye exportación de chat a Markdown.
Los fallos en bucle multiagente son fallos de diseño organizativo, no fallos de instrucción.
Los bucles de agentes entre pares no son errores de prompt, son problemas de organigrama. Trata las redes de agentes como jerarquías con autoridad de parada clara.