mcpField

Bundle Size Budget

おすすめ手動実行
コード品質最大 6 ラウンド

Bundle Size Budget について

クライアントバンドルを size-limit の予算内に保つためのループです。各ラウンドでビルドと size-limit を実行し、予算超過かどうかを判定して、超過なら削減してから次のラウンドに進みます。最大 6 ラウンドです。

主な機能

  1. 01size-limit の終了コードのみで合否を判定
  2. 02手動トリガーで開始時期を選べる
  3. 03最大 6 ラウンドで際限のない調整を防止
  4. 04Cursor に対応

活用シーン

  1. 01新しい依存関係でバンドルが予算を超えた場合
  2. 02リリース前にバンドルサイズを確認したい場合
  3. 03増え続けるフロントエンド成果物を調査する場合
目標
クライアントバンドルが size-limit の予算内に収まっていること。
終了条件
size-limit が終了コード 0 で終わるか、6 ラウンドの上限に達したら停止します。
各ラウンドの間に実行
npm run build && npm run size-limit

起動プロンプト

Cursor に貼り付けて実行すると、終了条件を満たすまでエージェントが以下の手順を繰り返します。

prompt.md
「Bundle Size Budget」ループを開始します。
目標：クライアントバンドルが size-limit の予算内に収まっていること。
最大ラウンド数：6。
ステップ 1：ビルドして計測 — npm run build && npm run size-limit を実行し、成果物を生成して予算と照らしてサイズを確認します。 `npm run build && npm run size-limit`
ステップ 2：結果を確認 — size-limit が終了コード 0 なら予算内なのでループを終了します。そうでなければ超過分と関係するファイルを記録します。
ステップ 3：サイズを削減 — 超過の原因となるコードや依存関係を修正し、次のラウンドで再計測します。
各ラウンドの間に実行：`npm run build && npm run size-limit`
終了条件：size-limit が終了コード 0 で終わるか、6 ラウンドの上限に達したら停止します。

手順

各ラウンドは順番に実行され、終了条件を満たさなければ次のラウンドへ進みます（最大 6 ラウンド）。

01
ビルドして計測

npm run build && npm run size-limit を実行し、成果物を生成して予算と照らしてサイズを確認します。

$npm run build && npm run size-limit
02
結果を確認

size-limit が終了コード 0 なら予算内なのでループを終了します。そうでなければ超過分と関係するファイルを記録します。

03
サイズを削減

超過の原因となるコードや依存関係を修正し、次のラウンドで再計測します。

未達 → 次のラウンド条件を満たせば終了

対応エージェント

この Loop をそのまま実行できるコーディングエージェントです。

Cursor

コメント

Markdown 対応