블로그에 다양한 온라인 활동 기록을 남기고 싶다는 생각을 꽤 오래 품어왔습니다. 최근 "비트(beats)"라는 새 기능을 도입했는데, 스토리 비트에서 따온 이름입니다(작명이 생각보다 까다로웠습니다!). 이 기능으로 사이트에 다섯 가지 콘텐츠 유형이 새롭게 추가되며, 각각 외부에서 이루어지는 활동과 연결됩니다.
비트가 어떻게 보이는지 확인해 보세요:
![Screenshot of a fragment of a page showing three entries from 30th Dec 2025. First: [RELEASE]](https://static.simonwillison.net/static/2026/three-beats.jpg)
위 세 개는 2025년 12월 30일 아카이브 페이지에서 가져온 것입니다.
비트는 배지가 달린 작은 인라인 링크로, 홈페이지·검색·아카이브 페이지 등 사이트 곳곳의 콘텐츠 타임라인 뷰에 자연스럽게 녹아듭니다.
현재 비트의 유형은 다섯 가지입니다:
이처럼 다섯 가지 커스텀 통합을 구현해 데이터를 모두 끌어왔습니다. 다행히 이런 통합 작업은 코딩 에이전트가 정말 잘하는 영역입니다. 핵심 기능 대부분을 다른 일을 병행하면서도 단 하루 오전 만에 완성했습니다.
리서치 프로젝트는 별도의 구조화된 피드가 없었지만, 그건 문제가 되지 않았습니다. Claude Code에 모든 프로젝트가 나열된 마크다운 README 원문 링크를 넘겼더니 파서 정규식을 뚝딱 만들어냈거든요. 소스와 목적지 모두 제가 직접 관리하기 때문에, 외부 소스였다면 너무 위험했을 다소 취약한 방식도 충분히 감수할 수 있었습니다.
Claude는 자칫 지루해질 수 있는 UI 통합 작업도 모두 처리해 줬습니다. 새 콘텐츠가 사이트의 모든 페이지 유형에서 제대로 표시되고, 패싯 검색 엔진에서도 올바르게 동작하도록 챙겨줬습니다.
사실 비트의 초기 컨셉은 Claude Code가 아닌 일반 Claude에서 프로토타입을 만들었습니다. 요즘 Claude가 GitHub의 공개 저장소를 직접 클론할 수 있다는 점을 활용했는데요. 시작은 이렇게 했습니다:
Clone simonw/simonwillisonblog and tell me about the models and views
그리고 브레인스토밍을 이어가던 중 이렇게 말했습니다:
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
몇 차례 다듬은 끝에 이 아티팩트 목업이 완성됐고, 컨셉이 충분히 가능성 있다는 확신이 서서 본격 구현을 웹용 Claude Code에 넘겼습니다.
이후 빌드 과정이 궁금하시다면, 핵심 기능을 구현한 Beats #592와 뮤지엄 콘텐츠 유형을 추가한 Add Museums Beat importer #595 PR을 살펴보시면 좋습니다.
현재 제 블로그의 장문 아티클만 보고 계십니다. 모든 포스트를 받아보시려면 /atom/everything/을 구독하거나, 다른 구독 옵션을 확인해 보세요.