Właśnie zintegrowałem framework agent-skills od @vercel w App Factory. Teraz każda aplikacja, którą generujemy, jest sprawdzana pod kątem 100+ przetestowanych reguł od zespołu Vercel. Te same standardy, które napędzają własne narzędzia AI Vercel. Open source. Automatyczne. Oto co się zmieniło: 🧵

@vercel opublikował agent-skills - framework dla asystentów kodowania AI. Wzięliśmy ich najlepsze praktyki React (45 zasad) oraz wytyczne dotyczące projektowania stron internetowych (ponad 100 zasad) i bezpośrednio włączyliśmy je do naszego procesu budowy. Każda generowana aplikacja jest teraz audytowana zgodnie z tymi standardami.

Jak to działa: FAZA BUDOWY ↓ [Zapisz kod] → [Sprawdzenie umiejętności] → [Napraw naruszenia] ↓ FAZA QA RALPHA ↓ [Przegląd] → [Zgodność umiejętności = 45% wyniku] Umiejętności zapewniają ramy podczas budowy. Ralph egzekwuje je przed wysyłką.

Najlepsza część: dostosowaliśmy zasady dotyczące sieci do React Native. react-best-practices → react-native-best-practices web-design-guidelines → mobile-ui-guidelines Te same wzorce, specyficzne dla urządzeń mobilnych: - FlatList zamiast ScrollView - Cele dotykowe ≥44pt - Obsługa bezpiecznego obszaru - Czyszczenie pamięci

Jakie umiejętności są wymagane: KRYTYCZNE (budowanie bloków): - Sekwencyjne oczekiwania → Promise.all - Importy barrel → Importy bezpośrednie - ScrollView + map → FlatList WYSOKIE: - Brak etykiet dostępności - Brak animacji stron - Spinner zamiast skeletonów

Dlaczego to ma znaczenie: Przed: AI tworzy kod, który działa Po: AI tworzy kod, który przestrzega najlepszych praktyk produkcyjnych To samo AI. Ten sam prompt. Lepszy wynik. Umiejętności kodują lata wiedzy o React/Next.js w automatyczne kontrole. Dzięki @rauchg za udostępnienie tego jako open source.

Liczby: Mobilny pipeline (the_factory): - 3 umiejętności, 70+ reguł - 10% wyniku Ralpha Web pipeline (web3-factory): - 3 umiejętności, 145+ reguł - 45% wyniku Ralpha Każda aplikacja musi osiągnąć 95%+ zgodności, aby zostać wysłaną.