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
O Atelier v0.3 adiciona revisões direcionadas de markdown com o Claude Code
Atelier v0.3 é uma extensão gratuita do VS Code que permite destacar seções de documentos markdown e enviá-las para o Claude Code para revisões. O agente responde com edições direcionadas no editor, e você pode acompanhar qual feedback cada revisão aborda.
Transformando o Código Claude em uma Equipe de Engenharia Autônoma
A configuração ~/.claude/ transforma o Claude Code em um sistema de compilação autônomo, gerando e testando código de forma independente.
ClawProxy: Proxy de Roteamento de IA Auto-Hospedado para Rotação de Chaves de API de Camada Gratuita
ClawProxy é um proxy de roteamento de IA auto-hospedado que gerencia várias chaves de API gratuitas de IA para evitar limites de taxa e sobrecargas de provedores. Ele apresenta rotação de chaves em tempo real, balanceamento de carga ponderado, tradução de modelos e um painel com logs analisados profundamente.
Usando o kit de ferramentas Obliteratus para remover pesos de recusa de modelos de IA
Um usuário do Reddit utilizou o kit de ferramentas Obliteratus para remover cirurgicamente pesos específicos responsáveis pelo comportamento de recusa em modelos de IA, demonstrando no modelo Qwen 1.5B da Alibaba que é possível revelar as origens do treinamento sem retreinamento.