Claude 3.7 Sonnet and Claude Code

It's pretty fascinating to refresh the usage page on the API site while working [0].

After initialization it was up to 500k tokens ($1.50). After a few questions and a small edit, I'm up to over a million tokens (>$3.00). Not sure if the amount of code navigation and typing saved will justify the expense yet. It'll take a bit more experimentation.

In any case, the default API buy of $5 seems woefully low to explore this tool.

[0] https://console.anthropic.com/settings/usage

It also produces terrible code even though it's supposed to be good for front-end development.

Could you share an example?

TLDR: told it to implement a grid view as an alternative to the existing list view, and specifically told it to DRY the code. What it did? Copy and pasted the list view implementation (definitely not DRY), and tried to make it a grid, and even though it is a grid, it looks terrible (https://i.imgur.com/fJiSjq4.png).

I don't understand how people use cursor and all that other shit when it cannot follow such simple instructions.

Prompt (Claude Code): Implement an alternative grid view that the users can switch to. Follow the existing code style with empty comments and line breaks for improved code readability. Use snake case. DRY the code, avoid repetition of code. Do not change the font size or weight.

Output: https://github.com/mayo-dayo/app/compare/0.4...claude-code-g...