Baru saja mengintegrasikan kerangka kerja keterampilan agen @vercel ke dalam App Factory. Sekarang setiap aplikasi yang kami buat diperiksa berdasarkan 100+ aturan yang telah teruji pertempuran dari tim Vercel. Standar yang sama yang mendukung perkakas AI Vercel sendiri. Sumber terbuka. Otomatis. Inilah yang berubah: 🧵

@vercel keterampilan agen yang diterbitkan - kerangka kerja untuk asisten pengkodean AI. Kami mengambil praktik terbaik reaksi (45 aturan) dan pedoman desain web (100+ aturan) dan menghubungkannya langsung ke pipeline build kami. Setiap aplikasi yang dihasilkan sekarang akan diaudit terhadap standar ini.

Cara kerjanya: FASE MEMBANGUN ↓ [Tulis kode] → [Pemeriksaan keterampilan] → [Perbaiki pelanggaran] ↓ FASE RALPH QA ↓ [Ulasan] → [Kepatuhan keterampilan = 45% dari skor] Keterampilan menyediakan pagar pembatas selama pembuatan. Ralph menegakkannya sebelum pengiriman.

Bagian terbaiknya: kami mengadaptasi aturan web untuk React Native. react-best-practices → react-native-best-practices pedoman-desain web → pedoman mobile-ui Pola yang sama, khusus seluler: - FlatList melalui ScrollView - Target sentuh ≥44pt - Penanganan area aman - Pembersihan memori

Apa yang ditangkap oleh keterampilan: CRITICAL (blok dibangun): - Berurutan menunggu → Promise.all - Impor barel → Impor langsung - ScrollView + peta → FlatList TINGGI: - Label aksesibilitas tidak ada - Tidak ada animasi halaman - Pemintal alih-alih kerangka

Mengapa ini penting: Sebelum: AI membuat kode yang berfungsi Setelah: AI membuat kode yang mengikuti praktik terbaik produksi AI yang sama. Prompt yang sama. Output yang lebih baik. Keterampilan tersebut mengkodekan pengetahuan React/Next.js selama bertahun-tahun ke dalam pemeriksaan otomatis. Terima kasih @rauchg untuk open source ini.

Dengan angka: Alur seluler (the_factory): - 3 keterampilan, 70+ aturan - 10% dari skor Ralph Web pipeline (web3-factory): - 3 keterampilan, 145+ aturan - 45% dari skor Ralph Setiap aplikasi harus mencapai kepatuhan 95%+ untuk dikirim.