systematic-debugging

Reactインターフェースでは、ローディング、エラー、空、送信中の状態を明確に表示できないことがよくあります。このスキルは、予測可能な非同期UI動作のための実践的なパターンを提供します。

Formikフォームでは、バリデーション、エラー表示、送信状態ロジックが繰り返されがちです。このスキルは、再利用可能なフィールド、Yupスキーマ、GraphQL送信、編集フォーム、multi-stepフローのための簡潔なパターンを提供します。

一貫性のないUIコンポーネントはプロダクト開発を遅らせ、見た目のばらつきを生みます。このスキルは、Claude、Codex、Claude Code が共有トークン、レイアウト、コンポーネントパターンを使うための指針を提供します。

ユニットテストは、セットアップやテスト実装の詳細を重複させると脆くなりがちです。このスキルは、ファクトリ、モック、レンダーヘルパー、TDDのための再利用可能なJestパターンを提供します。

GraphQL クライアント作業では、重複した操作、弱いエラーハンドリング、古くなった生成型が発生しがちです。このスキルは、一貫した .gql ファイル、Apollo 生成フック、codegen 手順、mutation UI の安全策をガイドします。

証拠がログ、スタックトレース、サービス全体に分散していると、エラーやインシデントのトリアージは困難です。このスキルは診断を構造化し、ログを解析し、パターンを特定し、最小限の修正へ導きます。

大規模なコードベースには、繰り返し現れる構造や不明瞭なアーキテクチャ上の選択が隠れています。このスキルはパターンを見つけ、その意図を説明し、実用的なリファクタリングの機会を明らかにします。

弱いテストはリリースを遅らせ、リグレッションを見逃します。このスキルは、テスト戦略、TDD、自動化、カバレッジレビュー、Playwright による Web チェックをガイドします。

コードレビューでは、品質、セキュリティ、保守性の問題を見落とすことがあります。このスキルは、スクリプト、チェックリスト、レポート生成を使って構造化されたレビューを支援します。

開発者は、コードがなぜ存在するのか、何がそれに依存しているのかを追跡するのに時間を失いがちです。このスキルは、変更前に Claude、Codex、Claude Code に対して、関連するグラフ知識、呼び出し元、インポート、テストを収集するよう促します。

フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。