複数のgitブランチを管理すると、メインの作業ディレクトリが散らかり、コンテキストスイッチが困難になります。このスキルは、複数の機能を同時に干渉なく作業できる、分離されたgitワークツリーを作成するための構造化されたアプローチを提供します。

TypeScriptのStrictモードは、実行時エラーを引き起こすバグをコンパイル時に検出します。このスキルは、厳格な型チェックを設定し、より安全で信頼性の高いコードを作成するのに役立ちます。

バグ修正は症状のみに対処する場合、しばしば失敗します。この4段階のデバッグフレームワークは、解決策を試みる前に根本原因を理解することを保証します。デバッグ時間を短縮し、問題の再発を防ぎます。

コード後にテストを書くと、ギャップやエッジケースの見落としが生じます。このスキルは、RED-GREEN-REFACTORサイクル、実装のモックなしのテスト、Playwrightを使用したE2E検証を備えた構造化されたTDDワークフローを提供します。

複数のサブエージェントを使用した複雑な実装計画の管理は困難です。このスキルは、コードレビューのチェックポイントを組み込んだ、サブエージェントを調整するための構造化されたテンプレートとワークフローを提供します。

不善なアーキテクチャは技術的負債と困難な保守につながります。このスキルは、SOLID原則とクリーンアーキテクチャパターンを提供し、最初から保守可能でテスト可能なシステムを構築するのに役立ちます。

コードの変更は問題を引き起こし、元に戻すことが困難な場合があります。このスキルは、編集の前に自動的にバックアップを作成し、変更差分を保存し、モジュール化されたコード構造を強制します。コードの安全性と復元可能性が維持されます。

Core Web Vitalsのスコアが悪いと、ユーザーエクスペリエンスとSEOランキングに悪影響を及ぼします。このスキルは、LCP、INP、CLSの最適なスコアを達成するための明確なガイドライン、コード例、チェックリストを提供し、ユーザーエンゲージメントを向上させます。

ハードコードされた値はメンテナンスの悪夢とセキュリティリスクを生み出します。このスキルは、マジック数字、ハードコードされた文字列、URL、認証情報を適切に整理された定数と環境変数に検出・リファクタリングするようClaude Codeを支援します。

カスタムMCPサーバーの構築には、プロトコルアーキテクチャ、トランスポートオプション、ツール定義パターンの理解が必要です。このスキルは、Claudeを外部サービスやAPIに接続する本番環境対応のMCPサーバーを作成するための体系的なガイダンスを提供します。

長いコードファイルは保守や理解が困難です。このスキルは自動的に行数をチェックし、大きすぎるファイルを管理しやすく整理されたモジュールに分割するのを支援します。コードベースをクリーンでナビゲート可能に保ちます。

開発者は一貫性のないコミットメッセージとブランチ命名規則に苦労しています。このスキルは、従来型コミット、ブランチ戦略、完了前の検証チェックリストを含む標準化されたGitワークフローを提供し、クリーンで追跡可能なコード変更を保証します。

複雑な実装計画を一度にすべて実行すると、多くの場合エラーが発生します。このスキルは計画を制御されたバッチに分割し、必須のレビューチェックポイントを設けることで、アーキテクチャの監視のもと安全な段階的進行を保証します。

不適切なエラー処理は、サイレント障害、ユーザーの不満、デバッグが困難な問題につながります。このスキルは、非同期コード、API呼び出し、Reactコンポーネントにおける堅牢なエラー処理のパターンとベストプラクティスを提供します。

このスキルは、両方の観点からコードレビュープロセスを効率化します。効果的なPRを作成するためのテンプレートと、レビュアーのフィードバックに建設的に対応するためのガイドラインを提供します。

APIが適切に定義されていない場合や頻繁に変更される場合、フロントエンドとバックエンドのチームは統合問題によく直面します。このスキルを使用すると、OpenAPI仕様を使用した協調的なAPI設計が可能になり、TypeScriptの型とクライアントを自動的に生成して、スタック全体でのタイプセーフな開発を実現できます。

多くのウェブサイトはアクセシビリティ標準を満たしておらず、障害を持つユーザーを排除しています。このスキルは、セマンティックHTML、ARIAラベル、キーボードナビゲーション、色のコントラスト比を含むWCAG 2.2要件をすべてのUIコンポーネントが満たすことを保証します。

エージェントフレームワークがコードをどのように実行するかを理解することは、パフォーマンスとスケーラビリティにとって重要です。このスキルは、実行パターン、並行性モデル、イベントアーキテクチャを分析し、情報に基づいたアーキテクチャ上の決定を下すのに役立ちます。

AIエージェントフレームワークをゼロから設計するには、慎重なアーキテクチャ決定が必要です。このスキルは確立されたパターンに基づいて、コアプリミティブ、インターフェースプロトコル、実装ロードマップを備えた参照アーキテクチャを統合します。

馴染みのないコードベースを理解するには時間がかかり、エラーも発生しやすいものです。このスキルは、リポジトリ構造、依存関係グラフ、エントリーポイントの包括的なマップを生成し、分析を加速します。