Bundle Size Budget
Coding
by loops! by elorm
Ship features without bloating the client bundle — loop until size checks pass under your budget threshold.
Prompt
Step 1 — Measure bundle Run the production build and bundle size check. Report total KB and the largest new chunks. Check: `npm run build && npm run size-limit` Step 2 — Trim or lazy-load If over budget: dynamic-import heavy modules, remove unused deps, or split routes. No feature cuts unless necessary. Step 3 — Repeat until done Repeat the steps above until: Bundle size is under the configured budget Check with: `npm run size-limit` Stop after 6 iterations and report what is blocking.
Use this prompt in AIniverse
Tap to copy, run it on ChatGPT / Claude / Gemini, save to your stack, or remix.
Open in AppMore Coding prompts
Independent Verifier Pass
When implementation claims done, a separate verifier pass runs build, lint, and tests with no access to the implement...
API Contract Until Match
Loop until API responses match the OpenAPI or JSON Schema contract — catch drift between docs and implementation.
De-Sloppify Pass
After implementation, run a cleanup pass: remove debug code, tighten naming, delete dead branches, and align with pro...
Merge Conflict Resolver
Rebase or merge target branch, resolve conflicts file by file, and loop until the branch is current and tests pass.