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 Skill Seekers v3.2.0 adiciona extração de tutoriais do YouTube para habilidades do Claude.
O Skill Seekers v3.2.0 agora extrai conteúdo de tutoriais do YouTube para criar arquivos SKILL.md estruturados para o Claude. A ferramenta utiliza um fluxo de trabalho de aprimoramento de IA em duas etapas para limpar a saída OCR e gerar documentação utilizável a partir de conteúdo em vídeo.
OpenAlly: Assistente de IA Local para Android com Controle Telefônico
OpenAlly é um aplicativo Android que executa um assistente de IA localmente no seu telefone por meio de um processo Node.js embutido, com 51 habilidades integradas e capacidades de controle do telefone através do Aster companion. Ele se conecta a mais de 19 plataformas de mensagens e suporta 18 provedores de modelos com suas próprias chaves de API.
Ferramentas CLI com Compatibilidade de Agente de IA: Abordagem de Diretório de Habilidades
Um usuário do Reddit compartilha um método para fazer ferramentas de CLI funcionarem com agentes de programação de IA como o Claude Code, criando arquivos SKILL.md que ensinam aos agentes instalação, autenticação e uso. A abordagem aborda problemas comuns como prompts interativos, saída JSON e métodos de autenticação.
Mergetrain: Uma Fila de Merge Local para Sessões Paralelas de Código Claude que Previne Pushes Sobrescritos
Mergetrain é uma fila de merge local que impede que sessões paralelas do Claude Code atropelem os pushes umas das outras. Usa worktrees, um hook pre-push e um executor único que monta as branches em um trem, executa testes e depois faz push atômico.