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:
#1A1A1Afunciona; "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.
📖 Leer la fuente completa: r/ClaudeAI
👀 Ver también
Argus: Extensión de Código Abierto para VS Code de Observabilidad en Tiempo Real de Claude Code
Argus visualiza los pasos del agente Claude Code en tiempo real dentro de VS Code, mostrando la línea de tiempo, el gráfico de dependencias y la detección de costos/bucles para depurar comportamientos que desperdician tokens.
Microsoft Teams SDK Agrega Adaptador de Servidor HTTP para Agentes de IA Existentes
El SDK de Microsoft Teams ahora incluye un adaptador de servidor HTTP que permite a los desarrolladores conectar agentes de IA existentes a Teams sin tener que reescribir su código. Funciona con cadenas de LangChain, bots de Slack y despliegues de Azure Foundry inyectando un endpoint POST /api/messages en servidores Express existentes.
Claude DevTools: Un Lector de Registros para Mejorar la Visibilidad del Código de Claude
Claude DevTools es una herramienta local y de código abierto que lee los archivos de registro existentes de Claude Code en ~/.claude/ para proporcionar visibilidad detallada de las sesiones, incluyendo operaciones de archivos con diferencias en línea, desglose de tokens, visualización de la ventana de contexto y árboles de ejecución completos de subagentes.
Lumia: Sistema de IA Local de Un Solo Clic con Memoria Persistente
Lumia es un sistema modular que se ejecuta localmente usando Ollama y modelos locales para crear compañeros de IA persistentes con memoria episódica, memoria emocional, creencias, deseos, identidad, modelado de relaciones y ciclos de reflexión.