100 aplicações populares transformadas em especificações de design em Markdown para clonagem da interface do Claude
Um desenvolvedor fez engenharia reversa de 50 aplicativos populares, transformando-os em especificações de design em markdown estruturado, e as alimentou para o Claude reconstruir as UIs. Após iterar, eles encontraram alguns padrões críticos que melhoraram a precisão das clonagens e publicaram o repositório com 100 aplicativos.
O que faz o Claude acertar nas clonagens de UI
- Valores exatos, não faixas:
#1A1A1Afunciona; "cinza escuro" produz cinco tons diferentes de cinza em cinco telas. - Cobertura de estados antecipada: Listar cada estado (vazio, carregando, erro, preenchido) impediu que o Claude inventasse seus próprios estados.
- Espaçamento como escala: Use um sistema de espaçamento 4/8/16/24 em vez de anotações de píxels por elemento para layouts mais consistentes.
- Navegação como grafo: Transições explícitas de tela para tela eliminam suposições sobre para onde os botões vão.
Texto mais longo piorou a saída além de certo ponto — brevidade e precisão importam mais que volume.
O que está no repositório
O repositório público em github.com/Meliwat/awesome-ios-design-md contém 100 aplicativos, cada um com três profundidades de especificação: referência rápida, construção padrão e clonagem total em nível de píxel. Todas as especificações são em markdown, licenciadas sob MIT, sem dependências. Solte uma especificação no Claude para obter uma saída de UI mais previsível.
Para quem é isso
Desenvolvedores que usam o Claude para gerar ou clonar componentes de UI, especialmente para iOS ou design geral de aplicativos.
📖 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.
O Qwen3.5-2B ajustado com a arquitetura RAG-Engram melhora a precisão das respostas fundamentadas de 50% para 93% em um contexto de 8K.
Um desenvolvedor ajustou o Qwen3.5-2B com uma arquitetura personalizada RAG-Engram para abordar o fenômeno 'perdido no meio', melhorando as respostas corretas em 8K tokens de 50% para 93% em consultas do mundo real. O sistema utiliza uma abordagem de dois níveis com embeddings de entidades estáticas e navegação dinâmica de chunks.
Operador OpenClaw Kubernetes com Suporte Embarcado Ollama
Um membro da comunidade criou um operador OpenClaw Kubernetes que inclui suporte embutido para Ollama, permitindo que agentes de IA sejam executados com modelos locais no mesmo namespace. A configuração inclui comandos de instalação, detalhes de configuração para modelos Ollama locais e na nuvem, e instruções de acesso ao painel.
IronBee: Camada de verificação de código aberto para Claude Code e Cursor
IronBee é uma camada de verificação de código aberto que força agentes de IA de codificação a testar alterações em um navegador real antes de concluir tarefas. Nos testes, ele detectou bugs em 82% das sessões do Claude Code que teriam sido enviados sem verificação.