Skip to main content
Original: Simon Willison · 20/02/2026

​
Summary

Beats are little inline links with badges that fit into different content timeline views around my site. I’ve been wanting to add indications of my various other online activities to my blog for a while now. I just turned on a new feature I’m calling “beats” (after story beats, naming this was hard!) which adds five new types of content to my site, all corresponding to activity elsewhere.

​
Key Insights

“Beats are little inline links with badges that fit into different content timeline views around my site.” — Describing the visual and functional aspect of ‘beats’ on his website.
“That’s five different custom integrations to pull in all of that data.” — Highlighting the complexity and variety of integrations for ‘beats’.
“The good news is that this kind of integration project is the kind of thing that coding agents really excel at.” — Emphasizing the efficiency of using coding agents for web development tasks.

​
Topics

​
Full Article

# Adding TILs, releases, museums, tools and research to my blog
Author: Simon Willison
Published: 2026-02-20
Source: https://simonwillison.net/2026/Feb/20/beats/#atom-everything
I’ve been wanting to add indications of my various other online activities to my blog for a while now. I just turned on a new feature I’m calling “beats” (after story beats, naming this was hard!) which adds five new types of content to my site, all corresponding to activity elsewhere. Here’s what beats look like: Screenshot of a fragment of a page showing three entries from 30th Dec 2025. First: [RELEASE] Those three are from the 30th December 2025 archive page. Beats are little inline links with badges that fit into different content timeline views around my site, including the homepage, search and archive pages. There are currently five types of beats: 
* [Releases](https://simonwillison.net/elsewhere/release/) are GitHub releases of my many different open source projects, imported from [this JSON file](https://github.com/simonw/simonw/blob/main/releases_cache.json) that was constructed [by GitHub Actions](https://simonwillison.net/2020/Jul/10/self-updating-profile-readme/).
* [TILs](https://simonwillison.net/elsewhere/til/) are the posts from my [TIL blog](https://til.simonwillison.net/), imported using [a SQL query over JSON and HTTP](https://github.com/simonw/simonwillisonblog/blob/f883b92be23892d082de39dbada571e406f5cfbf/blog/views.py#L1169) against the Datasette instance powering that site.
* [Museums](https://simonwillison.net/elsewhere/museum/) are new posts on my [niche-museums.com](https://www.niche-museums.com/) blog, imported from [this custom JSON feed](https://github.com/simonw/museums/blob/909bef71cc8d336bf4ac1f13574db67a6e1b3166/plugins/export.py).
* [Tools](https://simonwillison.net/elsewhere/tool/) are HTML and JavaScript tools I've vibe-coded on my [tools.simonwillison.net](https://tools.simonwillison.net/) site, as described in [Useful patterns for building HTML tools](https://simonwillison.net/2025/Dec/10/html-tools/).
* [Research](https://simonwillison.net/elsewhere/research/) is for AI-generated research projects, hosted in my [simonw/research repo](https://github.com/simonw/research) and described in [Code research projects with async coding agents like Claude Code and Codex](https://simonwillison.net/2025/Nov/6/async-code-research/).
That’s five different custom integrations to pull in all of that data. The good news is that this kind of integration project is the kind of thing that coding agents really excel at. I knocked most of the feature out in a single morning while working in parallel on various other things. I didn’t have a useful structured feed of my Research projects, and it didn’t matter because I gave Claude Code a link to the raw Markdown README that lists them all and it spun up a parser regex. Since I’m responsible for both the source and the destination I’m fine with a brittle solution that would be too risky against a source that I don’t control myself. Claude also handled all of the potentially tedious UI integration work with my site, making sure the new content worked on all of my different page types and was handled correctly by my faceted search engine.

​
Prototyping with Claude Artifacts

I actually prototyped the initial concept for beats in regular Claude - not Claude Code - taking advantage of the fact that it can clone public repos from GitHub these days. I started with:
Clone simonw/simonwillisonblog and tell me about the models and views
And then later in the brainstorming session said:
use the templates and CSS in this repo to create a new artifact with all HTML and CSS inline that shows me my homepage with some of those inline content types mixed in
After some iteration we got to this artifact mockup, which was enough to convince me that the concept had legs and was worth handing over to full Claude Code for web to implement. If you want to see how the rest of the build played out the most interesting PRs are Beats #592 which implemented the core feature and Add Museums Beat importer #595 which added the Museums content type.

​
Key Takeaways

​
Notable Quotes

Beats are little inline links with badges that fit into different content timeline views around my site.
Context: Describing the visual and functional aspect of ‘beats’ on his website.
That’s five different custom integrations to pull in all of that data.
Context: Highlighting the complexity and variety of integrations for ‘beats’.
The good news is that this kind of integration project is the kind of thing that coding agents really excel at.
Context: Emphasizing the efficiency of using coding agents for web development tasks.
  • [[topics/open-source-projects]]
  • [[topics/web-development]]
  • [[topics/ai-agents]]
  • [[topics/claude-code]]

Letting agents post on my blog; finding a needle in a haystack

Jesse Chen · explanation · 74% similar

Introducing Showboat and Rodney, so agents can demo what they’ve built

Simon Willison · explanation · 72% similar

I'm Boris and I created Claude Code. I wanted to quickly share a few tips for using…

Boris Cherny · how-to · 70% similar
Originally published at https://simonwillison.net/2026/Feb/20/beats/#atom-everything.