@vercelのエージェントスキルフレームワークをApp Factoryに統合したばかりです。 今では、私たちが生成するすべてのアプリは、Vercelチームによる100+の実戦実証済みルールと照らしてチェックされています。 これはVercel自身のAIツールを支える基準と同じです。オープンソース。自動。 変わったことは以下の通りです: 🧵

@vercel AIコーディングアシスタントのためのフレームワークであるエージェントスキルを発表しました。 彼らのReactベストプラクティス(45ルール)とウェブデザインガイドライン(100+ルール)を直接ビルドパイプラインに組み込みました。 現在、生成されたすべてのアプリはこれらの基準に基づいて監査されます。

仕組み: ビルドフェーズ ↓ [コードを書く] → [スキルチェック] → [違反を修正する] ↓ ラルフ QAフェーズ ↓ [レビュー] → [スキル遵守率=スコアの45%] スキルはビルド中のガードレールとなります。 ラルフは発送前にそれを厳格に管理します。

一番良かったのは、ウェブルールをReact Native用に適応させたことです。 Reactベストプラクティス→Reactネイティブベストプラクティス ウェブデザインガイドライン→モバイルUIガイドライン 同じパターンで、モバイル特有のもの: - RollView上のFlatList - タッチターゲット ≥44ポイント - 安全なエリア取り扱い - メモリクレンジアップ

スキルが捉えるもの: クリティカル(ブロック構築): - 連続して待っている→約束 - 樽輸入 → 直接輸入 - RollView + Map → FlatList 高値: - アクセシビリティラベルの欠如 - ページアニメーションなし - スケルトンの代わりにスピナー

なぜこれが重要なのか: 以前:AIが動作するコードを作る その後:AIは本番環境のベストプラクティスに従うコードを構築します 同じAIです。同じプロンプトです。出力も良くなります。 スキルは長年のReact/Next.js知識を自動チェックに符号化します。 オープンソース@rauchgいただきありがとうございます。

数字で: モバイルパイプライン(the_factory): - 3つのスキル、70+ルール - ラルフスコアの10% ウェブパイプライン(web3ファクトリー): - 3スキル、145+ルール - ラルフスコアの45% すべてのアプリは出荷のために95%+のコンプライアンスを満たす必要があります。