Jag har precis integrerat @vercel:s ramverk för agentfärdigheter i App Factory. Nu kontrolleras varje app vi skapar mot 100+ stridstestade regler från Vercel-teamet. Samma standarder som driver Vercels egna AI-verktyg. Öppen källkod. Automatisk. Så här förändrades: 🧵

@vercel publicerade agentfärdigheter – ett ramverk för AI-kodningsassistenter. Vi tog deras react-best-practices (45 regler) och webbdesign-riktlinjer (100+ regler) och kopplade in dem direkt i vår byggpipeline. Varje genererad app granskas nu mot dessa standarder.

Så här fungerar det: BYGGFAS ↓ [Skriv kod] → [Färdighetskontroll] → [Rätta överträdelser] ↓ RALPH QA-FASEN ↓ [Recension] → [Färdighetsföljning = 45 % av poängen] Färdigheter utgör räcken under byggandet. Ralph upprätthåller dem innan han skeppar.

Det bästa av allt: vi anpassade webbreglerna för React Native. React-bästa praxis → React-native-bästa praxis Riktlinjer för webbdesign → riktlinjer för mobila gränssnitt Samma mönster, mobilspecifikt: - FlatList över ScrollView - Touchmål ≥44 poäng - Hantering av säkra områden - Minnesrensning

Vad färdigheterna fångar: CRITICAL (blockbyggen): - Sekventiell väntar → Promise.all - Tunnimport → Direktimport - ScrollView + karta → FlatList HÖG: - Saknade tillgänglighetsetiketter - Inga sidanimationer - Spinners istället för skelett

Varför detta är viktigt: Före: AI bygger kod som fungerar Efter: AI bygger kod som följer produktionsbästa praxis Samma AI. Samma prompt. Bättre resultat. Färdigheterna kodar in år av React/Next.js-kunskap i automatiska kontroller. Tack @rauchg för att du gjorde detta öppet källkod.

Enligt siffrorna: Mobil pipeline (the_factory): - 3 färdigheter, 70+ regler - 10 % av Ralphs poäng Webbpipeline (web3-factory): - 3 färdigheter, 145+ regler - 45 % av Ralphs poäng Varje app måste nå 95%+ efterlevnad för att skickas ut.