Gerade das Agentenfähigkeiten-Framework von @vercel in die App Factory integriert. Jetzt wird jede App, die wir generieren, gegen über 100 bewährte Regeln des Vercel-Teams überprüft. Die gleichen Standards, die Vercels eigene KI-Tools antreiben. Open Source. Automatisch. Hier ist, was sich geändert hat: 🧵

@vercel hat agent-skills veröffentlicht - ein Framework für AI-Coding-Assistenten. Wir haben ihre React-Best-Practices (45 Regeln) und Web-Design-Richtlinien (über 100 Regeln) direkt in unsere Build-Pipeline integriert. Jede generierte App wird jetzt anhand dieser Standards geprüft.

So funktioniert es: BAUPHASE ↓ [Code schreiben] → [Fähigkeitsprüfung] → [Verstöße beheben] ↓ RALPH QA-PHASE ↓ [Überprüfung] → [Fähigkeitskonformität = 45% der Punktzahl] Fähigkeiten bieten Leitplanken während des Builds. Ralph setzt sie vor dem Versand durch.

Bester Teil: Wir haben die Web-Regeln für React Native angepasst. react-best-practices → react-native-best-practices web-design-guidelines → mobile-ui-guidelines Die gleichen Muster, mobil-spezifisch: - FlatList über ScrollView - Touch-Ziele ≥44pt - Umgang mit sicheren Bereichen - Speicherbereinigung

Was die Fähigkeiten erfassen: KRITISCH (Blöcke erstellen): - Sequenzielle awaits → Promise.all - Barrel-Imports → Direkte Importe - ScrollView + map → FlatList HOCH: - Fehlende Zugänglichkeitsbeschriftungen - Keine Seitenanimationen - Spinner anstelle von Skeletons

Warum das wichtig ist: Vorher: AI erstellt Code, der funktioniert Nachher: AI erstellt Code, der den besten Praktiken in der Produktion folgt Dasselbe AI. Dasselbe Prompt. Besseres Ergebnis. Die Fähigkeiten kodieren jahrelanges Wissen über React/Next.js in automatische Prüfungen. Danke @rauchg, dass du das Open Source gemacht hast.

Nach den Zahlen: Mobile Pipeline (the_factory): - 3 Fähigkeiten, 70+ Regeln - 10% des Ralph-Scores Web-Pipeline (web3-factory): - 3 Fähigkeiten, 145+ Regeln - 45% des Ralph-Scores Jede App muss eine Compliance von 95%+ erreichen, um versendet zu werden.