剛剛將 @vercel 的 agent-skills 框架整合到 App Factory 中。 現在我們生成的每個應用都會根據 Vercel 團隊的 100 多條經過實戰檢驗的規則進行檢查。 這些標準也驅動著 Vercel 自家的 AI 工具。開源。自動化。 以下是變更的內容： 🧵

@vercel 發布了 agent-skills - 一個用於 AI 編碼助手的框架。 我們將他們的 react 最佳實踐（45 條規則）和網頁設計指南（100+ 條規則）直接整合進我們的構建管道中。 現在每個生成的應用程序都會根據這些標準進行審核。

運作方式： 建置階段 ↓ [撰寫程式碼] → [技能檢查] → [修正違規] ↓ RALPH 品質保證階段 ↓ [審查] → [技能合規 = 45% 的分數] 技能在建置過程中提供指導。 Ralph 在發送之前強制執行這些規範。

最佳部分：我們為 React Native 調整了網頁規則。 react-best-practices → react-native-best-practices web-design-guidelines → mobile-ui-guidelines 相同的模式，針對行動裝置： - 使用 FlatList 而非 ScrollView - 觸控目標 ≥44pt - 安全區域處理 - 記憶體清理

技能捕捉： 關鍵 (區塊構建)： - 順序等待 → Promise.all - 桶式導入 → 直接導入 - ScrollView + map → FlatList 高： - 缺少可及性標籤 - 沒有頁面動畫 - 使用旋轉器而不是骨架

為什麼這很重要： 之前：AI 建立可運行的代碼 之後：AI 建立遵循生產最佳實踐的代碼 相同的 AI。相同的提示。更好的輸出。 這些技能將多年的 React/Next.js 知識編碼為自動檢查。 感謝 @rauchg 開源這個。

數據概覽： 行動管道 (the_factory)： - 3項技能，70+條規則 - 10%的Ralph分數 網頁管道 (web3-factory)： - 3項技能，145+條規則 - 45%的Ralph分數 每個應用必須達到95%以上的合規性才能發佈。