Claude の会話で複数のコンポーネントからなる React アーティファクトを作成するには、複雑なバンドルと設定が必要です。このスキルは、React 18、TypeScript、Tailwind CSS、40 以上の shadcn/ui コンポーネントを含むプロジェクトセットアップを自動化し、すべてを単一の HTML ファイルにバンドルします。

パフォーマンスの高い React アプリケーションの構築には、複雑な最適化パターンの理解が必要です。このスキルでは、AI による React および Next.js コードの作成、レビュー、リファクタリングを最適パフォーマンスに向けてガイドするために、Vercel Engineering による 45 件の優先度の高いルールを提供します。

コードの後にテストを書くことは、誤った自信と見逃されたエッジケースにつながります。このスキルは TDD の規律を強制します：まず失敗するテストを書き、その後それをパスするために必要な最小限のコードを実装します。

開発者は実装に近づすぎるため、自分のコードで問題を見逃すことがあります。このスキルは AI サブエージェントを派遣して、マージ前にコード変更を要件に対してレビューし、品質、アーキテクチャ、テスト、本番環境の準備状況を確認します。

このスキルは、Next.jsウェブサイトに多言語サポートを自動追加します。hreflangタグ、locale設定、翻訳ファイル、国際市場向けのSEO最適化を含みます。

効果的なMCPサーバーを作成するには、プロトコル仕様、SDKパターン、およびテスト戦略を理解する必要があります。このスキルでは、PythonおよびTypeScriptで高品質なMCPサーバーを構築するための包括的なガイドと、ツールの有効性を検証するための評価フレームワークを提供します。

コードの重複は保守の悪夢と一貫性のない動作につながります。このスキルは、繰り返しを排除しコード品質を向上させるために、体系的な4ステップのプロセス（特定、抽象化、置換、検証）を帮助你识别、抽象、替换和验证重构更改的系统4步过程。

リントの失敗はコードレビューを遅らせ、リリースを妨げます。このスキルはプロジェクトのリントワークフローを実行し、コードの動作を変更せずに修正をガイドします。

ブラウザ拡張機能プロジェクトは、しばしばクロスブラウザの互換性と適切な国際化設定に苦労しています。このスキルは、適切なi18n構造を持つChrome、Firefox、EdgeをサポートするWXTベースの拡張機能開発のための明確なガイダンスを提供します。

バックエンドテストの作成には時間がかかり、テストフレームワークの知識が必要です。このスキルはコード構造を分析し、テスト環境を検出し、正常系、エラーケース、エッジケースを網羅した包括的なテストを生成します。

コードレビューはデプロイ前にバグを発見しますが、時間がかかります。このスキルは、MERNスタックレビューの構造化されたチェックリスト、セキュリティパターン、ベストプラクティスを提供し、重要なものを見逃さないことを保証します。

外部サービス用のMCPサーバーを作成するには、プロトコル仕様、ツール設計パターン、評価方法論の理解が必要です。このガイドでは、PythonとTypeScriptでプロダクション品質のMCPサーバーを構築するための包括的な手順と、ツール設計、認証、エラーハンドリング、テストのベストプラクティスを提供します。

複雑なNext.jsアプリケーションのデバッグには、ルーティング、コンポーネント、ビルド構成の検査が必要です。このスキルは、MCPベースのツールを提供し、ルートの一覧表示、コンポーネントの確認、ビルド情報のチェックを開発環境から直接行うことができます。

ChatKitチャットボットの構築には、複数の技術（FastAPI、OpenAI Agents SDK、MCPツール）を適切なセキュリティパターンと統合する必要があります。このスキルは、ユーザー分離とリアルタイム機能を備えた本番対応チャットボットを作成するための完全なアーキテクチャガイダンスを提供します。

コード написано後テストを作成すると、脆弱なコードベースや見落とされるバグにつながります。このスキルは、構造化されたTDDワークフロー、テストパターン、Playwright自動化を提供し、コード написано前に保守可能なテストを作成、早期にバグを発見し、ソフトウェアへの自信を構築するのに役立ちます。

このスキルは、開発者がPythonプロジェクトでテスト駆動開発（TDD）の実践に従うことを支援します。Red-Green-Refactorサイクル、pytest設定、テスト品質監査のガイダンスを提供します。

シェルスクリプトは、エラー処理が欠落していると静かに失敗したり、予測不能な動作をすることがあります。このスキルには、適切なエラー処理、安全な変数展開、モジュラーなコード構造など、堅牢なbashおよびzshスクリプトのための実証済みのパターンが含まれています。

依存関係を含むスタンドアロンのPythonスクリプトを作成するには、手動でのセットアップと設定が必要です。このスキルは、PEP 723インラインメタデータ、自動的な依存関係管理、適切なCLI引数解析を備えたすぐに実行可能なスクリプトを生成します。

アプリケーションはしばしば応答遅延、高いメモリ使用量、低いユーザー体験に悩まされます。このスキルは、ボトルネックの特定、コード最適化、負荷テストの実施、フロントエンド・バックエンド・データベース各層における Core Web Vitals の改善について専門的なガイダンスを提供します。

Next.jsアプリケーションの構築には、App Router、Server Components、パフォーマンスパターンの理解が必要です。このスキルでは、モダンなパターンを使用してNext.jsアプリケーションの設計、移行、最適化に関する専門的なアーキテクチャガイダンスを提供します。