claude-code - 💡(How to fix) Fix [BUG] Token waste due to repeated failed edits that broke a live production site

Preflight Checklist

• I have searched existing issues and this hasn't been reported yet
• This is a single bug report (please file separate reports for different bugs)
• I am using the latest version of Claude Code

What's Wrong?

I asked Claude Code to add a simple floating animation to 4 small chip elements around a logo in a React JSX file (Hero.jsx). Instead of a clean solution, the assistant made multiple consecutive failed attempts:

Added a float animation that didn't work on the live site Replaced it with a complex CSS orbit animation (also failed, showed only 1 of 4 chips) When asked to restore the original file, the assistant rewrote it from memory instead of using the actual original — resulting in a broken version being uploaded to production Made 3 more positioning attempts, all of which failed The live site (caixinhaquantica.com) is still broken with the orbit animation version on the server, showing only 1 chip instead of 4 The assistant spent a large number of tokens on repeated trial-and-error edits, never tested the result, broke a live production website, and was unable to restore it to the original working state. No value was delivered. I am requesting a credit refund for the tokens consumed in this session.

What Should Happen?

Site fixed without total waste of tokens

Error Messages/Logs

Steps to Reproduce

Provided a ZIP file containing a live production website (caixinhaquantica.com) built with React JSX loaded via Babel standalone Asked Claude to add a simple animation to 4 chip elements (ChipFloat) around a logo in Hero.jsx Claude made multiple consecutive edits without testing the result on the live site: Attempt 1: Added CSS float animation — uploaded to server, did not animate Attempt 2: Replaced with a CSS orbit animation (OrbitChip) — only 1 of 4 chips rendered on the live site Attempt 3: Asked Claude to restore the original file — Claude rewrote it from memory instead of using the original from the ZIP, producing a broken version Attempts 4–5: Claude changed chip positioning with percentages — still broken, same visual result Each attempt consumed tokens and required a new upload to the production server via cPanel After 5+ failed attempts, the live site at https://www.caixinhaquantica.com remains broken — the orbit animation version is still being served, showing only 1 chip instead of 4 Claude was unable to restore the original working state Expected: A simple working animation (or a clean restore of the original) with minimal token usage

Actual: Live production site broken, original file not restored, large number of tokens consumed with zero successful outcome

Claude Model

None

Is this a regression?

Yes, this worked in a previous version

Last Working Version

No response

Claude Code Version

latest

Platform

Other

Operating System

Windows

Terminal/Shell

Other

Additional Information

Using Cloud Code