Legitimately impressed by this result from Claude -...

Legitimately impressed by this result from Claude - I prompted "Prototype an SVG social media card to represent a Datasette table" and it generated this artifact, using its existing baked-in knowledge of what Datasette is

A neatly designed SVG social media card. Shows a heading chicago_crime_2022, a table with 3 rows and 4 columns, a sub-heading of "1.2m rows, updated 2 hours ago, SQLite database" and a footer with a SQL query

Claude - on the left:

Prototype an SVG social media card to represent a Datasette table

I'll create an SVG social media card design that could represent a Datasette table. I'll include elements that represent data and metadata, with a modern, clean look.

On the right: the SVG preview

Like 7 November at 17:35 | Open on fedi.simonwillison.net

2 comments

Simon Willison

The problem with most AI image tools is that you get very loose control over what they put out. Generating SVG helps address that because you can "take over" and make any edits you want to at the vector or text level

7 November at 17:35 | Open on fedi.simonwillison.net

Jeff Triplett

@simon I wish open graph tags were in a better state to render SVG files. (maybe they are now and I need to re-test it.)

I played with this some time ago, thinking I could skip the HTML template to PNG dance to get nice open graph images.

7 November at 17:57 | Open on mastodon.social

Go Up