このプロジェクトについて
Agent Skillsは、AIコーディングエージェント向けのスキル集であり、エージェントの機能を拡張する指示とスクリプトとしてパッケージ化されています。スキルはAgent Skills形式に従い、インストール後は自動的に利用可能となり、関連するタスクが検出されるとエージェントが呼び出します。
含まれるスキル:
- vercel-optimize: Vercelプロジェクトのコスト、パフォーマンス、信頼性、キャッシュ、関数使用量、請求機会を監査します。まずVercelのメトリクスを収集し、そのメトリクスが示すルートとファイルのみを調査します。デプロイ済みプロジェクトの最適化、コストや関数使用量の削減、遅いまたは高コストなルートの調査、キャッシュ/ISR/ミドルウェア/画像/ビルド時間の問題の発見、ランク付けされたコストとパフォーマンスのレポート作成を目的としています。
- react-best-practices: Vercel EngineeringによるReactとNext.jsのパフォーマンス最適化ガイドラインで、8つのカテゴリにわたる40以上のルールを影響度順に優先付けしています。カテゴリには、ウォーターフォールの排除、バンドルサイズの最適化、サーバーサイドパフォーマンス、クライアントサイドのデータ取得、再レンダリングの最適化、レンダリングパフォーマンス、JavaScriptのマイクロ最適化が含まれます。コンポーネントやページの作成、データ取得の実装、パフォーマンスのためのコードレビュー、バンドルサイズと読み込み時間の最適化に役立ちます。
- web-design-guidelines: アクセシビリティ、パフォーマンス、UXをカバーする100以上のルールに照らしてUIコードをレビューします。カテゴリには、アクセシビリティ、フォーカス状態、フォーム、アニメーション、タイポグラフィ、画像、パフォーマンス、ナビゲーションと状態、ダークモードとテーマ設定、タッチとインタラクション、ロケール/i18nが含まれます。
- writing-guidelines: Vercelライティングハンドブックに照らしてドキュメントと文章をレビューします。計画、声とトーン、コンテンツタイプ別のトーン、見出しと構造、リスト、コード、プレースホルダー/単位/数値、タイポグラフィ、ソースのフォーマット、価格とマネーページ、AIワークフロー、レビューをカバーする80以上のルールがあります。
- react-native-guidelines: AIエージェント向けに最適化されたReact Nativeのベストプラクティスで、パフォーマンス、レイアウト、アニメーション、画像、状態管理、アーキテクチャ、プラットフォーム固有のパターンをカバーする7つのセクションにわたる16のルールがあります。
- react-view-transitions: ReactのView Transition APIを使ったアニメーション実装のガイダンスで、ViewTransitionコンポーネント、addTransitionType、トランジションタイプ、共有要素トランジション、Web Animations APIによるJavaScriptアニメーション、next/linkのtransitionTypesプロップを含むNext.js統合、すぐに使えるCSSアニメーションレシピ、アクセシビリティの考慮事項をカバーしています。
- composition-patterns: スケーリングのためのReactコンポジションパターンで、複合コンポーネント、状態のリフトアップ、内部コンポジションを通じてブール型プロップの増殖を避けるのに役立ちます。
- vercel-deploy-claimable: アプリケーションとウェブサイトをVercelにデプロイし、claude.aiおよびClaude Desktopでの使用を想定して設計されています。package.jsonから40以上のフレームワークを自動検出し、プレビューURLと所有権を移転するためのクレームURLを返し、静的HTMLプロジェクトを処理し、アップロードからnode_modulesと.gitを除外します。
インストールはnpx skills add vercel-labs/agent-skillsで行います。各スキルにはエージェント指示を含むSKILL.md、自動化用のオプションのスクリプト、オプションのリファレンスが含まれます。main上のスキルへの変更はすべて、Agent Skillsディスカバリーインデックスとスキルごとに1つのアーティファクトを含む不変のGitHubリリースとして公開されます。同じアーティファクトは提供されたスクリプトでローカルにビルドすることもできます。このプロジェクトはMITライセンスの下で提供されています。
Comments
0 people shared their preference · Deer Point appears after 10 participants
Sign in to join the discussion.