100 aplicaciones populares descompiladas en especificaciones de diseño Markdown para clonar la interfaz de Claude

Un desarrollador ingenierizó inversamente 50 aplicaciones populares convirtiéndolas en especificaciones de diseño markdown estructuradas y se las proporcionó a Claude para reconstruir las interfaces. Tras iterar, descubrieron algunos patrones críticos que mejoraron la precisión de los clones y publicaron el repositorio con 100 aplicaciones.

Qué Hace que Claude Domine los Clones de UI

• Valores exactos, no rangos: #1A1A1A funciona; "gris oscuro" produce cinco grises diferentes en cinco pantallas.
• Cobertura de estados desde el principio: Listar cada estado (vacío, cargando, error, lleno) impidió que Claude inventara sus propios estados.
• Espaciado como escala: Usar un sistema de espaciado 4/8/16/24 en lugar de anotaciones de píxeles por elemento para diseños más consistentes.
• Navegación como grafo: Las transiciones explícitas entre pantallas eliminan la adivinanza sobre a dónde llevan los botones.

La prosa más larga empeoró la salida a partir de cierto punto: la brevedad y precisión importan más que el volumen.

Qué hay en el Repositorio

El repositorio público en github.com/Meliwat/awesome-ios-design-md contiene 100 aplicaciones, cada una con tres profundidades de especificación: referencia rápida, construcción estándar y clon a nivel de píxel completo. Todas las especificaciones están en markdown, con licencia MIT y sin dependencias. Suelta una especificación en Claude para obtener una salida de UI más predecible.

Para Quién es Esto

Desarrolladores que usan Claude para generar o clonar componentes de UI, especialmente para iOS o diseño de aplicaciones en general.