YAML Preview

·2026.04.16 09:18

Key point

A preview UI built with Claude instantly shows the rendering and errors of datasette.io's news YAML.

Details

The news section of datasette.io is generated from the news.yaml file in a GitHub repository. However, the YAML format is tricky to edit directly, so a custom preview UI was built using Claude and Claude Artifacts.

Pasting YAML into this tool lets you instantly see how it will actually look on the homepage, and it also displays Markdown errors and YAML errors together. The screen shows a YAML editor on the left and a rendered preview on the right, side by side, and as in the example, it even detects date format errors, reducing the editing burden.

datasette claude github markdown yaml claude-artifacts preview-ui

Read originalShare on Threads

This summary was generated automatically by AI. Check the original for the author's claims and context. Copyright belongs to the original author.

Our guide explains how the AI works. Report summary errors, attribution issues, or removal requests via Contact.