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

HTML artifacts skill (dark-mode-first)

Turns AI answers into polished one-page visual reports, decks and diagrams you can read on your phone.

built May 2026 updated May 2026 Documents that explain themselves

how it works

Single shared CSS-variable design system, adaptive dark/light, extends Thariq's html-effectiveness patterns; config.json sets Taildrop target and blog repo.

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

The code for this one lives in a private repo. This page explains the idea so you can build your own.

design-systemhtmlskill

related

  • Artifact skill: self-describing HTML documents with embedded DSL AI skill 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.
  • Driving with your eyes closed (ELI5 page) Living document A one-page plain-English explainer with a dark, phone-friendly design.
  • 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.
  • Taildropped one-shot HTML explainers (/tmp, ephemeral) Living document Phone-friendly, dark-mode HTML explainers that AI sessions make and beam straight to James's iPhone.
  • AI Workbench: local-first LLM interface Browser tool A chat workbench in one web page that talks to local or cloud AI models.
← everything I've built
© 2026 James Washington
github twitter rss