Vue Router のナビゲーションガードとライフサイクルのパターンは、デバッグが難しいバグを引き起こすことがよくあります。このスキルは、ガードの実装、ルートパラメータの変更、コンポーネントのクリーンアップを含む一般的な Vue Router 4 の課題に対する実証済みのソリューションを提供します。

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

開発者はVue.js Options APIのTypeScript統合と一般的な落とし込みに苦戦します。このスキルは、Vue 2およびVue 3でタイプセーフなOptions APIコードのための実証済みのパターンとソリューションを提供します。

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

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

Vueプロジェクトはしばしば反応性のバグや一貫性のないパターンに悩まされます。このスキルはVue 3 Composition API、SSR、TypeScriptのガイダンスを、具体的な実行例と回避例の形式で提供します。

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

Playwrightテストは、しばしば不安定さ、実行速度の遅さ、保守性の問題を抱えることがあります。このスキルは、8つのカテゴリに分類された40以上の実証されたベストプラクティスに基づいてTypeScriptテストコードをレビューし、明確な例とともに具体的な改善提案を提供します。

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

Claudeは確立されたWebデザインガイドラインに対してUIコードを自動的にレビューし、デプロイ前にアクセシビリティの問題、ユーザビリティの問題、ベストプラクティス違反を検出できます。このスキルは最新のガイドラインを取得し、、改善点を特定するための静的解析を実行します。

パフォーマンスの高い 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 とインテリジェントなキャッシュ戦略を有効にし、キャッシュされたコンテンツを即座に配信しながら動的パーツをストリーミングします。

Next.jsのパターンについて推測するのをやめて、スケール可能なコードを記述してください。このスキルは、ファイルの規約、React Server Components、データフェッチング、エラー処理、およびデプロイのベストプラクティスに関するVercelの権威あるガイダンスを提供します。

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

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