Vừa tích hợp khung kỹ năng của @vercel vào App Factory. Bây giờ mỗi ứng dụng mà chúng tôi tạo ra đều được kiểm tra theo hơn 100 quy tắc đã được kiểm chứng từ đội ngũ Vercel. Cùng tiêu chuẩn mà Vercel sử dụng cho các công cụ AI của chính họ. Mã nguồn mở. Tự động. Đây là những gì đã thay đổi: 🧵

@vercel đã công bố agent-skills - một framework cho các trợ lý lập trình AI. Chúng tôi đã lấy các quy tắc tốt nhất về react (45 quy tắc) và hướng dẫn thiết kế web (hơn 100 quy tắc) và tích hợp chúng trực tiếp vào quy trình xây dựng của chúng tôi. Mỗi ứng dụng được tạo ra bây giờ đều được kiểm tra theo các tiêu chuẩn này.

Cách thức hoạt động: GIA ĐOẠN XÂY DỰNG ↓ [Viết mã] → [Kiểm tra kỹ năng] → [Sửa vi phạm] ↓ GIA ĐOẠN QA RALPH ↓ [Xem xét] → [Tuân thủ kỹ năng = 45% điểm số] Kỹ năng cung cấp các rào cản trong quá trình xây dựng. Ralph thực thi chúng trước khi giao hàng.

Phần tốt nhất: chúng tôi đã điều chỉnh các quy tắc web cho React Native. react-best-practices → react-native-best-practices web-design-guidelines → mobile-ui-guidelines Cùng một mẫu, nhưng cụ thể cho di động: - FlatList thay vì ScrollView - Kích thước mục chạm ≥44pt - Xử lý khu vực an toàn - Dọn dẹp bộ nhớ

Kỹ năng cần chú ý: QUAN TRỌNG (các khối xây dựng): - Chờ tuần tự → Promise.all - Nhập khẩu Barrel → Nhập khẩu trực tiếp - ScrollView + map → FlatList CAO: - Thiếu nhãn truy cập - Không có hoạt ảnh trang - Spinner thay vì skeleton

Tại sao điều này quan trọng: Trước: AI xây dựng mã hoạt động Sau: AI xây dựng mã tuân theo các thực tiễn tốt nhất trong sản xuất Cùng một AI. Cùng một yêu cầu. Đầu ra tốt hơn. Các kỹ năng mã hóa nhiều năm kinh nghiệm về React/Next.js vào các kiểm tra tự động. Cảm ơn @rauchg đã mã nguồn mở điều này.

Theo số liệu: Dòng sản phẩm di động (the_factory): - 3 kỹ năng, 70+ quy tắc - 10% điểm Ralph Dòng sản phẩm web (web3-factory): - 3 kỹ năng, 145+ quy tắc - 45% điểm Ralph Mỗi ứng dụng phải đạt 95%+ tuân thủ để được phát hành.