Post

Figuring out a workflow to make Claude better at creating diagrams and illustrated explanations. By default it is pretty crap - see this example. Labels overlap. Arrows in the wrong place. Text too small. But it's also decent at identifying what's wrong once it takes a screenshot.

Claude's second attempt at fixing some of the problems, with a lot of additional steering from me on improving the visual details. It's still unable to make an arrow go where it needs to, or make two elements connect with a line. But it's a decent starting point - enough for me to cleanup by hand.

The best diagram outputs an LLM can get to are still crap by my standards. It helps speed me up a bit and give me starting points, but it's still disappointing that their visual reasoning and graphic design skills are really weak. The layouts and visual language are always predictably boring too

Gemini / Nano Banano became the best at it with the recent large update, any context I'm missing on why to use Claude here?

Using Claude because I need these to be in working code – SVG, CSS, HTML, JS. It allows me to have have fine-grained control over details. And I usually add in animations and interactions, plus I need them to be responsive for mobile. Nano banan still has a ways to go 😄 bsky.app/profile/magg...

Maggie Appleton@maggieappleton.com

I hadn't tried out Nano Banana for diagrams yet so I had a little play. Wonderfully promising and hilariously crap in the details. So close and yet so far.

0 reposts2 likes

No replies yet.