50 Aplicativos Populares Reversamente Engenhados em Especificações de Design Legíveis por Claude: Padrões Chave para Clonagem de UI

✍️ OpenClawRadar📅 Publicado: May 15, 2026🔗 Source
50 Aplicativos Populares Reversamente Engenhados em Especificações de Design Legíveis por Claude: Padrões Chave para Clonagem de UI
Ad

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. #1A1A1A funciona. "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".
Ad

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

Ad

👀 See Also

O Atelier v0.3 adiciona revisões direcionadas de markdown com o Claude Code
Tools

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.

OpenClawRadar
Transformando o Código Claude em uma Equipe de Engenharia Autônoma
Tools

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.

OpenClawRadar
ClawProxy: Proxy de Roteamento de IA Auto-Hospedado para Rotação de Chaves de API de Camada Gratuita
Tools

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.

OpenClawRadar
Usando o kit de ferramentas Obliteratus para remover pesos de recusa de modelos de IA
Tools

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.

OpenClawRadar