Loop/Prompt Library / Speed, performance & cost
🔁 Snappy buttons and transitions
Checks that buttons, hovers, and page changes in a design system respond fast enough, and fixes the slowest ones.
Use it when: You have a design system and want every interaction to feel quick and consistent.
🛑 Stops when: The timing check finds no violations, or only items that need a product decision.
Copy this loop
Audit every interactive component in [design system] for timing. List each component's animation timings and which shared timing token it uses. Flag: hover or click feedback over [100 ms], page transitions over [1000 ms], slow actions with no loading indicator, and any hard-coded timing. Fix the worst violation by updating the token or spec, then re-run the full check. Repeat for at most [10] fixes. Stop when no violations are left or a fix needs a product decision.
Review every change the agent makes before you keep it. Set a budget or round limit — the prompt includes one.
Idea from Forward Future's Loop Library · by Tushar Kalan (@DilSalaKamina). Prompt rewritten in plain English by FixKit AI.
More loops like this
Lighter first page load
Shrinks how much a website downloads before the first screen shows, without changing how anything looks.
Trim unused styles
Removes unused styling code one piece at a time and keeps the removal only if every page looks exactly the same.
Super-fast pages
Keeps speeding up the app until every page loads in under a target time, like 50 milliseconds.
Smooth game frame rate
Measures a game's frame rate in the same scene each time, fixes the biggest slowdown, and keeps only changes that help.
Faster test suite
Makes tests run faster without testing less.
Cut the bill safely
Finds where money is going in your cloud, AI, or other services and makes one approved saving at a time.