刚刚将 @vercel 的 agent-skills 框架集成到 App Factory 中。 现在我们生成的每个应用都要经过 Vercel 团队的 100 多条经过实战检验的规则的检查。 与 Vercel 自身的 AI 工具相同的标准。开源。自动化。 以下是变化的内容：🧵

@vercel 发布了 agent-skills - 一个用于 AI 编码助手的框架。 我们将他们的 react 最佳实践（45 条规则）和网页设计指南（100+ 条规则）直接集成到我们的构建管道中。 现在每个生成的应用程序都将根据这些标准进行审核。

工作原理： 构建阶段 ↓ [编写代码] → [技能检查] → [修复违规] ↓ RALPH QA 阶段 ↓ [审查] → [技能合规 = 评分的 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% 以上的合规性才能发布。