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.

Wow, pretty decent start. What does the Claude use for diagrams? Plain CSS?

SVG and CSS. I gave it some existing examples from my blog and style files (global CSS vars, etc.). Plus some guidelines: be subtle, use soft shadows and round borders, use these colours Agree it's not bad as a starting point. And seeing what I dislike helps me take it in a better direction.

Thanks! That actually raises a deeper question. If we take something “slightly off” from AI and fix it into “good,” do we lose the path where something “slightly off” started by us becoming “great” only through our hands? I wonder if starting with AI sets us on a lower quality curve from the start.