ユーザーは、AI応答がトークンごとにストリーミングされるリアルタイムで更新されるレスポンシブなチャットインターフェースを構築することに苦労しています。このスキルは、ライフサイクルハンドラ、進捗インジケーター、クライアントサイドエフェクトのためのコードパターンを提供し、スムーズなストリーミング体験を作成します。

AI エエージェントをゼロから作成するには、非同期パターン、ツール統合、マルチエージェントの引き継ぎを理解する必要があります。このスキルは本番運用可能なスキャフォールディングパターンを提供するため、ボイラープレートコードではなくエージェントのロジックに集中できます。

適切なパターンで本番環境対応のバックエンドを作成するには、複数のドキュメントソースを調査する必要があります。このスキルは、FastAPI、SQLModel、Dapr pub/sub、JWT認証のすぐに使えるコードパターンを提供し、すぐに開発を始められます。

Next.jsの開発ではルート、コンポーネント、ビルド設定への可視性が求められます。このスキルは、AIアシスタントから直接Next.jsアプリの構造を検査し、ルーティングの問題をデバッグし、ビルド設定を確認するためのMCPベース的工具を提供します。

フロントエンド開発者は、アプリケーション全体で型安全性を確保するために、一貫したTypeScript型定義を必要とします。このスキルは、バックエンドAPIレスポンスに一致する型を作成するためのパターンと規約を提供します。

誤ったパターンでNext.jsコンポーネントを構築すると、パフォーマンスの問題、ハイドレーションエラー、ユーザーエクスペリエンスの低下を招きます。このスキルは、効率的でアクセシブルなフロントエンドコンポーネントを構築するために、サーバーコンポーネントとクライアントコンポーネントのパターン、アクセシビリティコンプライアンス、Reactのベストプラクティスを提供します。

スムーズなアニメーションで魅力的なユーザーインターフェースを作成します。このスキルは、ReactおよびNext.jsアプリケーションでのホバー効果、ページ遷移、スクロールアニメーション、複雑なジェスチャーインタラクション、すぐに使えるコードパターンを提供します。

コンテキスト制限は予期せぬAI行動と高コストの原因となります。このスキルでは、プログレッシブ・ディスクロージャーやアテンション認識配置などの実証されたパターンを使用して、エージェントシステムにおけるコンテキストの設計、バジェット管理、最適化を学ぶことができます。

Next.js 16では破壊的変更により一般的なミスが発生しやすくなります。このスキルでは、async params、サーバーアクション、レイアウト、ミドルウェアの正しいパターンを提供します。失敗するビルドを回避し、特徴的なフロントエンドデザインを実現するために使用してください。

ボタン、フォーム、アクションを備えたチャットウィジェットの作成は複雑で文書化されていません。このスキルは、クライアントおよびサーバー側のウィジェット処理、エンティティタグ付け、コンポーザーツールのための完全なパターンを提供し、より迅速にインタラクティブなAIインターフェースを構築できます。

外部APIやサービスとやり取りできるMCPサーバーを作成し、Claudeやその他のLLMが適切に設計されたツールを通じてそれらと対話できるようにします。このガイドでは、PythonのFastMCPとTypeScriptのMCP SDKの実装を取り上げ、認証、Dockerデプロイ、およびテストパターンをカバーします。

AIチャットインターフェースを作成するには、カスタムバックエンド、認証、コンテキスト注入が必要です。このスキルは、ChatKitServer、useChatKitフック、httpOnly cookieプロキシを使用した安全なチャットエクスペリエンスを構築するための本番環境に対応したパターンを提供します。

Web自動化タスクは手動のナビゲーションや繰り返しのフォーム入力が必要です。このスキルはPlaywrightへのModel Context Protocolインターフェースを提供し、AIアシスタントがページを移動し、要素と操作し、データを抽出し、スクリーンショットをプログラムで取得できるようにします。

Catalyst-Relayサーバーに新しいAPIルートを追加したいが、正しいパターンがわからないですか？このスキルは、Zodバリデーション、一貫したレスポンスタイプ、適切なドキュメントを備えたエンドポイントを作成するための完全なテンプレートを提供します。

SAP ADT統合のための新しいビジネスロジックでCatalyst-Relayを拡張する必要があります。このスキルは、プロジェクトの規約に従った純粋関数、ADT操作、およびライブラリで使用可能なコードを追加するためのパターンとチェックリストを提供します。

ゼロから効果的なスキルを作るにはスキル形式の知識が必要です。このガイドは、専門知識やワークフローで Claude を拡張するスキルを初期化・検証・パッケージ化するためのユーティリティスクリプト付きの手順を段階的に提供します。

MCPサーバーをゼロから作成するには、プロトコル仕様、SDKパターン、評価方法について理解する必要があります。このスキルでは、適切なツール設計、入力検証、包括的なテストを備えた本番運用可能なMCPサーバーを構築するための構造化された4フェーズワークフローを提供します。PythonとTypeScriptの参照実装、評価フレームワーク、セキュリティのベストプラクティスが含まれています。

Claudeの会話用に洗練されたHTMLアーティファクトを作成するには、複雑なツールが必要です。このスキルは、React、Vite、shadcn/uiコンポーネントを使用して、プロフェッショナルグレードのアーティファクトを構築、バンドル、共有するための完全な開発ワークフローを提供します。

ランタイムエラーを排除し、コードへの信頼を構築しましょう。エンドツーエンドのタイプ安全性により、このスキルではZodバリデーション、tRPC API、Prisma ORMを使用したモダンなTypeScriptパターンを習得し、堅牢なフルスタックアプリケーションを構築できます。

tRPCルーターとZodスキーマを手作業で作成すると、1エンドポイントあたり20〜30分かかり、型エラーやエクスポート漏れのリスクがあります。このスキルは、検証スキーマ、例示パターン、自動登録チェックを備えた完全な型安全エンドポイントをスキャフォールドします。