Vueアプリケーションでは、 reactivativetyの喪失、初期化エラー、デバッグの課題など、ステート管理の問題がしばしば発生します。このスキルは、Vue 3アプリケーションでPiniaストアを正しく実装するための実証済みのパターンと解決策を提供します。

Vue.jsプロジェクトは、データフローが不明確でリアクティビティのミスを起こしやすくなることがよくあります。このスキルは、適切な状態管理、コンポーネントパターン、データフローアーキテクチャを含む、Vue 3およびNuxt 3開発のための包括的なベストプラクティスを提供します。

Vue 3 アプリケーションでは、ランタイムエラー、警告メッセージ、非同期エラー、SSRハイドレーションの問題が発生し、デバッグが困難な場合があります。このスキルは、100以上の一般的なVue 3開発問題に対する包括的なデバッグガイドとソリューションを提供します。

柔軟な入力型を受け取る Vue composables を作成することは課題です。このスキルでは、MaybeRef と MaybeRefOrGetter 型を使用して、リアクティブな入力と非リアクティブな入力の両方を受け入れる、ライブラリ級の composables を構築するパターンを提供します。

開発者は、複雑なオーディオインフラを管理することなく、アプリケーションに音声出力を追加する簡単な方法を必要としています。このスキルは、シンプルなAPI呼び出しを通じてOpenAIのTTS-1-HDモデルへの直接アクセスを提供します。

音声録音のテキスト変換を手動で行うのは時間がかかり、ミスが発生しやすいです。このスキルはOpenAI Whisperを使用して音声ファイルを文字起こしするシンプルなAPIを提供し、数秒で正確なテキストを返します。

Monorepo ビルドシステムの構成は複雑になることがあります。このスキルでは、JavaScript および TypeScript プロジェクトの Turborepo パイプライン、タスクの依存関係、キャッシュ戦略、CI 統合を設定するための専門的なガイダンスを提供します。

Reactアプリにスムーズなページ遷移と共有要素アニメーションを追加するには、View Transitions APIとその統合パターンを理解する必要があります。このスキルは、Vercel LabsによるCSSレシピとNext.jsパターンを使用したステップバイステップのガイダンスを提供します。

パフォーマンスの高い React Native アプリを構築するには、リスト、アニメーション、状態管理に対してプラットフォーム固有のパターンに従う必要があります。このスキルは、最適化されたモバイル開発のための 35 以上の AI エージェントのルールを提供します。

Reactアプリケーションは、不要な再レンダリング、巨大なバンドルサイズ、連続的なデータフェッチのウォーターフォールなど、パフォーマンス問題を引き起こしやすいです。このスキルは、Vercel Engineeringの45の優先付きルールを提供し、これらのボトルネックを解消し、高パフォーマンスなWebアプリケーションを構築します。

Reactコンポーネントでboolean propsを使用すると、メンテナンス不可能なコードが生まれます。このスキルは、compound components、stateの引き上げ、内部のコンポジションを使用してスケーラブルなコンポーネントアーキテクチャを作成するためのAI向けガイドラインを提供します。

ユーザーはClaude Code用の効果的なスキルを作成するためのガイダンスを必要としています。このスキルは、検証済みのベストプラクティスでスキルを構築、構造化、パッケージ化するための包括的なガイドを提供します。

Claude、Codex、および Claude Code 向けの AI スキル

Claude、Codex、および Claude Code 用の AI スキル

Next.js アプリケーションではデータの繰り返し取得が頻繁に行われるため、ページ読み込みが遅くなることがあります。Cache Components は Partial Prerendering とインテリジェントなキャッシュ戦略を有効にし、キャッシュされたコンテンツを即座に配信しながら動的パーツをストリーミングします。

ユーザーはしばしば、タスクを支援するためにどのようなスキルが存在するかを知りません。このスキルは、オープンなエージェントエコシステムから関連する機能を発見し、シンプルなコマンドでインストールする方法をガイドします。

DogfoodはWebアプリケーションを体系的に探索し、バグ、UX問題、その他の問題を発見し、スクリーンショットや動画を含む完全な再現証拠を含む構造化されたレポートを作成します。

プロジェクトをVercelに手動でデプロイするには時間がかかり、ダッシュボードの操作が必要です。このスキルは、自動フレームワーク検出とプレビューURL生成により、デプロイワークフロー全体を自動化します。

Web操作を手動で自動化するのは時間がかかり、ミスも起きやすいです。Agent-browserはブラウザ自動化のためのコマンドラインインターフェースを提供し、自動フォーム入力、スクリーンショット取得、Webスクレイピング、エンドツーエンドのテストワークフローを実現します。

AI駆動機能を構築するには、プロバイダAPI、ストリーミング実装、タイプセーフなパターンをナビゲートする必要があります。このスキルは、Vercel AI SDKの包括的なドキュメントリファレンスを提供し、開発者がテキスト生成、ツール呼び出し、構造化出力、エージェントをOpenAI、Anthropic、Googleなどのプロバイダで統一されたAPIを通じて実装するのを支援します。