50 Aplicativos Populares Reversamente Engenhados em Especificações de Design Legíveis por Claude: Padrões Chave para Clonagem de UI
u/meliwat passou semanas aplicando engenharia reversa em 50 aplicativos populares, transformando-os em especificações de design estruturadas em markdown, e os forneceu ao Claude para reconstruir as UIs. A diferença entre clones quase perfeitos e saídas divergentes se resumiu a algumas práticas concretas observadas em volume.
O Que Fez o Claude Acertar os Clones de UI
- Valores exatos, não intervalos.
#1A1A1Afunciona. "cinza escuro" produz cinco tons diferentes em cinco telas. - Cobertura de estados antecipada. Listar todos os estados (vazio, carregando, erro, preenchido) impediu que o Claude inventasse os seus próprios.
- Espaçamento como escala, não pixels por elemento. Um sistema de espaçamento 4/8/16/24 produziu layouts mais consistentes do que anotar cada intervalo.
- Navegação como grafo. Transições explícitas entre telas eliminaram o achismo de "para onde vai este botão".
O Que Não Ajudou
Prosa mais longa. A partir de certo ponto, mais palavras pioraram a saída, não melhoraram. Mantenha as especificações concisas.
Recursos Disponíveis
Toda a coleção é open-source no GitHub em github.com/Meliwat/awesome-ios-design-md. Cada aplicativo vem com 3 níveis de especificação: referência rápida, construção padrão ou clone completo em nível de pixel. Tudo em markdown, licença MIT, sem dependências.
Pergunta para a Comunidade
O autor pergunta: se você já fez clonagem de UI com Claude, quais padrões você encontrou que estão faltando nesta lista? Quais aplicativos valem a pena adicionar em seguida?
📖 Leia a fonte completa: r/ClaudeAI
👀 See Also
Servidor MCP Blender com mais de 100 ferramentas construídas usando Claude Code
Um desenvolvedor criou um servidor MCP para Blender com mais de 100 ferramentas em 14 categorias, permitindo que agentes de codificação por IA controlem a iluminação, animação, renderização e nós de geometria do Blender por meio de prompts em linguagem natural. Todo o código foi escrito usando Claude Code, que ajudou a resolver desafios arquitetônicos como o requisito de API da thread principal do Blender.
Termrender: Visualização de Interface ASCII 6x Mais Eficiente em Tokens para Claude
Termrender é uma ferramenta Python de código aberto que gera visualizações de interface de usuário em ASCII com eficiência de 6x em tokens em comparação com a saída bruta do Claude. Ele produz diagramas e painéis usando tokens mínimos para geração e edição mais rápidas.
Seu Agente Disse que Enviou – Por Que os Rastreamentos de Sessão Importam Mais que os Nomes dos Modelos
Um desenvolvedor relata um padrão observado em três equipes de engenharia: agentes afirmam conclusão, mas rastros de sessão revelam refatorações ocultas, convenções ignoradas e implementações abaixo do ideal. O post argumenta que o verdadeiro problema não é a qualidade do modelo, mas a confiança – e que rastros de sessão por instância são a única maneira de verificar as afirmações.
Desenvolvedor do OpenClaw Alcança Avanços em Agentes de IA com Automação de Reservas em Uber e Restaurantes
Um desenvolvedor da OpenClaw criou com sucesso agentes de IA que completam de forma autônoma reservas de corridas no Uber e reservas em restaurantes em sites reais, superando detecção de bots e CAPTCHAs usando uma stack com navegadores stealth, proxies residenciais e solução de CAPTCHAs.