James Washington
writing about archive utils free game ideas replays
AI skill

Artifact skill: self-describing HTML documents with embedded DSL

Makes documents (roadmaps, logs, notes) as single web pages that carry their own editing instructions, so any person or AI can update them years later.

built May 2026 updated May 2026 Documents that explain themselves

how it works

Claude designs a per-task DSL; the HTML embeds the grammar, a textarea source pane and a live vanilla-JS renderer, plus a 'copy markdown bundle' for agent handoff; publish/expire slash commands and a daily launchd expiry job.

AI skill: Instructions an AI agent loads when a task calls for them, like a recipe card.

artifactsdslhtmlliving-documentsskill

related

  • Q2 Roadmap artifact (reference example of the artifact pattern) Living document An editable roadmap page that carries its own instructions so a person or an AI can update it years later.
  • HTML artifacts skill (dark-mode-first) AI skill Turns AI answers into polished one-page visual reports, decks and diagrams you can read on your phone.
  • /artifact: create a living HTML artifact Slash command Creates a new self-editing document.
  • Time Capsule artifact Living document A self-contained time-capsule page you can edit in the browser and keep forever.
  • /claude-replay: session to interactive replay post Slash command Turns an AI coding session into an interactive replay published on the blog.
← everything I've built
© 2026 James Washington
github twitter rss