50 aplicaciones populares reconstruidas en especificaciones de diseño legibles por Claude: Patrones clave para clonar interfaces de usuario

✍️ OpenClawRadar📅 Publicado: 15 de mayo de 2026🔗 Source
50 aplicaciones populares reconstruidas en especificaciones de diseño legibles por Claude: Patrones clave para clonar interfaces de usuario
Ad

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. #1A1A1A funciona. "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?".
Ad

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

Ad

👀 Ver también

OpenClaw Client añade seguimiento de costos en vivo de API, límites de gasto y controles de agentes detallados
Herramientas

OpenClaw Client añade seguimiento de costos en vivo de API, límites de gasto y controles de agentes detallados

El cliente OpenClaw ahora cuenta con una interfaz de uso en vivo con barras de progreso circulares, límites de gasto por agente, gestión de subagentes, alternancia de habilidades y cambio de modelos de diferentes proveedores.

OpenClawRadar
Claude Sleuth: Un Flujo de Trabajo de Investigación de 56 Tareas para Claude AI
Herramientas

Claude Sleuth: Un Flujo de Trabajo de Investigación de 56 Tareas para Claude AI

Claude Sleuth es un flujo de trabajo de investigación estructurado para Claude AI con 6 fases y 56 tareas, que incluye almacenamiento de estado persistente mediante Cloudflare D1 y convenciones de salida estandarizadas que abarcan marcas de tiempo ISO 8601, registros de entidades POLE y el lenguaje de probabilidad ICD 203.

OpenClawRadar
Project Headroom: La herramienta de código abierto de un ingeniero de Netflix reduce los costos de tokens de IA en un 90%
Herramientas

Project Headroom: La herramienta de código abierto de un ingeniero de Netflix reduce los costos de tokens de IA en un 90%

Tejas Chopra, ingeniero senior de Netflix, creó Project Headroom, un proxy de código abierto que comprime la entrada de contexto de IA hasta en un 90%, ahorrando aproximadamente $700,000 entre usuarios desde enero de 2026. Se ejecuta localmente en el puerto 8787 y envuelve cualquier CLI de LLM.

OpenClawRadar
TigrimOS v1.1.0 y Tiger CoWork v0.5.0 lanzados con enjambres de agentes remotos y gobernanza configurable.
Herramientas

TigrimOS v1.1.0 y Tiger CoWork v0.5.0 lanzados con enjambres de agentes remotos y gobernanza configurable.

TigrimOS v1.1.0 y Tiger CoWork v0.5.0, lanzados hoy, añaden comunicación entre enjambres de instancias remotas y cinco protocolos de gobernanza configurables. Ambos son autohospedados, gratuitos y de código abierto.

OpenClawRadar