upgrade-js-deps について
JavaScript 依存関係の更新とプロジェクト検証を進める開発スキルです。package.json を更新して依存関係をインストールした後、型チェック、ビルド、テストを順に実行し、失敗時は停止して報告します。
主な機能
- 01更新可能な依存関係の確認
- 02package.json のバージョン更新
- 03依存関係のインストールとロックファイル更新
- 04型チェック、ビルド、テストの順次実行
- 05結果の要約とコミット確認
活用シーン
- 01プロジェクトの JavaScript 依存関係を更新
- 02更新後に型、ビルド、テストを検証
- 03更新チェックの結果を見てコミットを判断
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/upgrade-js-depsを入力して読み込まれたか確認します。
詳細
タスク
すべての JavaScript 依存関係をアップグレードし、何も壊れていないことを確認します。
ステップ 1: 利用可能なアップグレードを確認する
npx npm-check-updates を実行して、利用可能なアップグレードを確認します。出力を確認し、
リストをユーザーに提示します。
ステップ 2: package.json を更新する
npx npm-check-updates -u を実行して、新しいバージョンで package.json を更新します。
ステップ 3: 更新された依存関係をインストールする
make npm-install を実行して、アップグレードされた依存関係をインストールし、package-lock.json を更新します。
ステップ 4: アップグレード後のチェックを実行する
以下のチェックを順番に実行し、いずれかのステップが失敗した場合は停止します。
- TypeScript の型チェック:
make npm-type-checkを実行し、新たに発生した型エラーを報告します。 - ビルド:
make npm-buildを実行して、本番ビルドが引き続き動作することを確認します。 - テスト:
make testを実行して、テストスイートが引き続き成功することを確認します。
ステップ 5: まとめてコミットする
実施した内容をまとめます。
- どのパッケージがアップグレードされたか（注目すべきバージョン変更）
- 型エラーが発生したかどうか
- ビルドが成功したかどうか
- すべてのテストが成功したかどうか
- 手動での対応が必要な問題
失敗があった場合は、問題を提示し、ユーザーがどのように進めたいかを尋ねます。
すべて成功した場合は、変更をコミットするかどうかをユーザーに尋ねます。はいの場合、
/commit スキルを使用してコミットします。
コメント
Markdown 対応