Net het agent-skills framework van @vercel geïntegreerd in App Factory. Nu wordt elke app die we genereren gecontroleerd op meer dan 100 beproefde regels van het Vercel-team. Dezelfde standaarden die de AI-tools van Vercel aandrijven. Open source. Automatisch. Dit is wat er veranderd is: 🧵

@vercel heeft agent-skills gepubliceerd - een framework voor AI-codingassistenten. We hebben hun react-best-practices (45 regels) en web-design-richtlijnen (100+ regels) rechtstreeks in onze build-pijplijn geïntegreerd. Elke gegenereerde app wordt nu gecontroleerd op deze standaarden.

Hoe het werkt: BOUWFASE ↓ [Code schrijven] → [Vaardigheidstest] → [Overtredingen verhelpen] ↓ RALPH QA FASE ↓ [Beoordelen] → [Vaardigheidseisen = 45% van de score] Vaardigheden bieden richtlijnen tijdens de bouw. Ralph handhaaft ze voordat het verzonden wordt.

Beste deel: we hebben de webregels aangepast voor React Native. react-best-practices → react-native-best-practices web-design-guidelines → mobile-ui-guidelines Zelfde patronen, mobiel-specifiek: - FlatList boven ScrollView - Aanraakdoelen ≥44pt - Behandeling van veilige gebieden - Geheugenopruiming

Wat de vaardigheden vangen: CRITISCH (blokken bouwen): - Sequentiële wachtbeurten → Promise.all - Barrel-imports → Directe imports - ScrollView + map → FlatList HOOG: - Ontbrekende toegankelijkheidslabels - Geen pagina-animaties - Spinners in plaats van skeletweergaven

Waarom dit belangrijk is: Voorheen: AI bouwt code die werkt Daarna: AI bouwt code die voldoet aan de beste praktijken voor productie Dezelfde AI. Dezelfde prompt. Betere output. De vaardigheden coderen jaren aan React/Next.js kennis in automatische controles. Bedankt @rauchg voor het open-source maken hiervan.

Bij de cijfers: Mobiele pijplijn (the_factory): - 3 vaardigheden, 70+ regels - 10% van de Ralph-score Webpijplijn (web3-factory): - 3 vaardigheden, 145+ regels - 45% van de Ralph-score Elke app moet 95%+ naleving behalen om verzonden te worden.