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
Executando o Google Gemma 4 26B-A4B Localmente com LM Studio 0.4.0 Headless CLI
O LM Studio 0.4.0 apresenta o llmster e o CLI lms para inferência local de modelos sem interface gráfica. O artigo detalha a configuração do modelo Gemma 4 26B-A4B MoE do Google em um MacBook Pro M4 Pro, alcançando 51 tokens/segundo com 48GB de memória unificada.
ClaudeHive: Interface Web para Gerenciar Sessões Paralelas de Código Claude
ClaudeHive é uma interface web que gerencia sessões paralelas do Claude Code, permitindo aos usuários definir modelos de prompt com espaços reservados, executá-los em lote em várias entradas com concorrência configurável e revisar todos os resultados em um só lugar. Inclui uma ferramenta CLI para agentes gerenciadores criarem e coordenarem agentes trabalhadores.
ATLAS: Estrutura de Aprendizado Adaptativo em Tempo de Teste Supera Claude Sonnet em Benchmarks de Codificação com GPU de US$ 500
O ATLAS alcança 74,6% de pass@1-v(k=3) no LiveCodeBench com um modelo congelado de 14B em uma única GPU de consumo, superando os 71,4% do Claude 4.5 Sonnet a uma fração do custo, usando geração orientada por restrições e refinamento iterativo auto-verificado.
Executando Qwen3.6-35B-A3B-UD-Q5_K_XL localmente com VS Code Copilot no AMD R9700
Um usuário compartilha sua configuração funcional do llama.cpp para Qwen3.6-35B-A3B-UD-Q5_K_XL em uma única AMD R9700 com Vulkan, alcançando geração completa de site e testes Playwright do zero com mínima intervenção.