verify-build について
verify-build は、フロントエンドの本番ビルドを確認するスキルです。フロントエンド変更をレビューまたは準備する開発者向けに、ビルドを実行して出力をまとめます。
主な機能
- 01本番ビルドの実行
- 02ビルド出力の統合表示
- 03Vite・Rollupエラーの調査
活用シーン
- 01PR前のフロントエンド変更確認
- 02インポートやルートのリファクタリング検証
- 03静的生成やバンドルエラーの調査
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ heyeddi-com/ heyeddi-skills --skill verify-buildインストール後、Claude Code で/verify-buildを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
manifest.jsoncontext/ANTI_PATTERNS.mdEXAMPLES.mdPROSE_ANTI_SLOP.mdVOCABULARY.mdscripts/_skill_cli.pyverify_build.sh詳細
ビルドを検証する
使用するタイミング
- フロントエンドの変更を含む PR を開く前、または承認する前
- インポート、ルート、Vite の設定をリファクタリングした後
- 静的生成またはバンドルのエラーが疑われる場合
手順
- 依存関係がインストールされていることを確認します(
npm ciまたはnpm install)。 bash scripts/verify_build.sh --project-root <root>を実行します。- ビルドに失敗した場合は、Rollup/Vite のスタックトレースを確認し、インポートまたは型を修正します。
- 出力に成功と表示されるまで再実行します。
スクリプト
verify_build.sh:npm run buildを実行し、出力をまとめて返します
コメント
Markdown 対応