I went down the rabbit hole today on an annoying visual bug for johnmk.com. I noticed that when you clicked the navigation menu on mobile, the very top and very bottom of the screen on mobile safari browser (iOS) didn't match the color of the body of the navigation drawer. Then, when you exited out of the navigation menu, this color issue actually persisted and required a refresh to go away.

I tried working with Sonnet 4.6 on this bug, which is the model I've been using in Claude Code since I started. I shared screen shots, and we tried a number of different solutions. Honestly, I got nowhere, and over time the model tried to gaslight me that this was an iOS issue versus a problem with the website. I knew this wasn't the case because of other websites I had visited, but I couldn't make any progress.

I decided to switch to Opus 4.7, which had felt like overkill before. Immediately, I solved half the problem. I was able to resolve the very top of the IOS screen color issue, which tied to the animation of the navigation drawer. However, the bottom of the screen continued to be a darker blue than the rest of the navigation drawer, and it took an insight from me around the backdrop color for Opus to figure out a one-line change that fixed the problem completely on mobile.

All in all, it still took a lot of work for me to fix this tricky bug with Opus, but I could definitely feel the improved reasoning capabilities, and I went from completely stuck/frustrated to ultimately solving the problem. Makes me excited for the power of the models to come.