Bundle Size Budget
Ship features without bloating the client bundle — loop until size checks pass under your budget threshold.
High Quality
New
Join 0+ developers using this skill
This loop is republished with attribution. Full credit and the original content belong to the source linked above.
command
Loops & Automation
intermediate
AI Skill Market Insights
Real data. Real impact.
Popularity
Rising
Emerging
Active Users
0+
Developers
Kickoff Prompt
Copy this prompt and run it with your agent to start the loop.
Start the "Bundle Size Budget" loop.
Goal: client bundle stays under the size-limit budget
Max iterations: 6
Between iterations run: npm run build && npm run size-limit
Exit when: size-limit exits 0
Step 1: Build and measure bundle size. If over budget, lazy-load or trim deps until size-limit passes.
Self-pace this loop. After each iteration, run the check command, read the output, and only continue if the exit condition is not met. Stop when the exit condition passes or max iterations is reached. Give a short status update each pass.TEAR & SHARE
2-3hrs/WK
RISING
0.0K+ USING
Tags
agent:claude-code
tag:performance
elorm
performance
bundle
frontend
loop
