Simon Willison's Weblog

datasette.io news preview

7.2内容质量
datasette.io news preview

TL;DR · AI 摘要

Simon Willison 使用 Claude 构建了一个 datasette.io 新闻预览工具，用于校验和可视化 news.yaml 文件的格式与渲染效果。

核心要点

  • 利用 Claude 的 Artifact 功能可快速构建定制化开发辅助工具
  • news.yaml 使用 YAML + Markdown 管理网站新闻内容
  • 预览工具能实时检测 YAML 和 Markdown 错误并展示渲染结果
#Datasette#Claude#YAML#开发工具#vibe-coding
打开原文

Tool: datasette.io news preview

[Simon Willison’s Weblog](http://simonwillison.net/)

Subscribe

Sponsored by: Honeycomb — AI agents behave unpredictably. Get the context you need to debug what actually happened. Read the blog

16th April 2026

Tooldatasette.io news preview

The datasette.io website has a news section built from this news.yaml file in the underlying GitHub repository. The YAML format looks like this:

code
- date: 2026-04-15
  body: |-
    [Datasette 1.0a27](https://docs.datasette.io/en/latest/changelog.html#a27-2026-04-15) 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 to make checking for errors have slightly less friction.

I built it using standard 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

Image 1: Screenshot showing two side-by-side views of a datasette.io news preview tool. The left panel shows a dark-themed YAML editor with news entries containing date and body fields in Markdown format, with a red validation error at the bottom indicating the date field has an invalid format. The right panel shows the rendered preview output with formatted headings by date (April 2026, 18th March 2026), displaying 115 news entries with linked release names, inline code snippets, and changelog descriptions. A red badge with "1" appears on the left panel header indicating one validation error.
Image 1: Screenshot showing two side-by-side views of a datasette.io news preview tool. The left panel shows a dark-themed YAML editor with news entries containing date and body fields in Markdown format, with a red validation error at the bottom indicating the date field has an invalid format. The right panel shows the rendered preview output with formatted headings by date (April 2026, 18th March 2026), displaying 115 news entries with linked release names, inline code snippets, and changelog descriptions. A red badge with "1" appears on the left panel header indicating one validation error.

Posted 16th April 2026 at 12:18 am

Recent articles

This is a beat by Simon Willison, posted on 16th April 2026.

tools 58datasette 1477claude 267vibe-coding 85

Monthly briefing

Sponsor me for $10/month and get a curated email digest of the month's most important LLM developments.

Pay me to send you less!

Sponsor & subscribe