Acabei de integrar o framework de habilidades de agente da @vercel no App Factory. Agora, cada app que geramos é verificado em relação a 100+ regras testadas pela equipe Vercel. Os mesmos padrões que alimentam as próprias ferramentas de IA da Vercel. Código aberto. Automático. Veja o que mudou: 🧵

@vercel Agent-skills publicadas - uma estrutura para assistentes de codificação em IA. Pegamos as melhores práticas do React (45 regras) e diretrizes de web design (100+ regras) e as integramos diretamente ao nosso pipeline de build. Cada aplicativo gerado agora é auditado com base nesses padrões.

Como funciona: FASE DE CONSTRUÇÃO ↓ [Escrever código] → [Teste de habilidade] → [Corrigir violações] ↓ FASE RALPH QA ↓ [Revisão] → [Conformidade com habilidades = 45% da pontuação] As habilidades fornecem proteções durante a construção. Ralph os faz cumprir antes de enviar.

A melhor parte: adaptamos as regras da web para o React Native. React-Melhores-Práticas→ React-Native-Best-Práticas- Diretrizes de design de sites → diretrizes de UI para dispositivos móveis Mesmos padrões, específicos para celular: - FlatList sobre ScrollView - Alvos de toque ≥44pt - Manuseio em áreas seguras - Limpeza de memória

O que as habilidades pegam: CRÍTICO (construção de blocos): - Sequencial aguarda → Promise.all - Importações de barris → Importações diretas - ScrollView + mapa → FlatList ALTO: - Rótulos de acessibilidade ausentes - Sem animações de página - Fiadas em vez de esqueletos

Por que isso importa: Antes: IA cria código que funciona Depois: IA constrói códigos que seguem as melhores práticas de produção Mesma IA. Mesmo prompt. Melhor produção. As habilidades codificam anos de conhecimento em React/Next.js em checagens automáticas. Obrigado @rauchg por abrir o código disso.

Pelos números: Pipeline móvel (the_factory): - 3 habilidades, regras 70+ - 10% da pontuação Ralph Pipeline web (web3-factory): - 3 habilidades, regras 145+ - 45% da pontuação Ralph Todo aplicativo deve atingir 95%+ conformidade para ser enviado.