Tool: datasette.io news preview (https://tools.simonwillison.net/datasette-io-preview)

The datasette.io (https://datasette.io/) website has a news section built from this news.yaml (https://github.com/simonw/datasette.io/blob/main/news.yaml) file in the underlying GitHub repository. The YAML format looks like this:

• date: 2026-04-15 body: |- Datasette 1.0a27 changes how CSRF protection works in a way that simplifies form and API integration, and introduces a new RenameTableEvent for when a table is renamed by a SQL query.
• date: 2026-03-18 body: |- …

This format is a little hard to edit, so I finally had Claude build a custom preview UI (https://claude.ai/share/c96129b9-bcb0-4eba-aee9-4a7ad236dfb7) to make checking for errors have slightly less friction.

I built it using standard claude.ai (https://claude.ai/) and Claude Artifacts, taking advantage of Claude’s ability to clone GitHub repos and look at their content as part of a regular chat:

Clone https://github.com/simonw/datasette.io and look at the news.yaml file and how it is rendered on the homepage. Build an artifact I can paste that YAML into which previews what it will look like, and highlights any markdown errors or YAML errors

    Tags: vibe-coding (https://simonwillison.net/tags/vibe-coding), claude (https://simonwillison.net/tags/claude), tools (https://simonwillison.net/tags/tools), datasette (https://simonwillison.net/tags/datasette)