chalk-talk

Ask Claude to explain something by drawing it — and get a hand-drawn lesson that draws itself, chapter by chapter, with values you can move. One HTML file, offline.

A hand-drawn lesson about compound interest drawing itself, then the growth rate is moved and the curve changes

Lessons — open one and press Next

Each one was written by Claude with this skill and plays right here in your browser.

Compound interest ↔ your birthday money MoneyEnglish Compound interest ↔ your birthday money See why money that earns interest on its interest grows slowly at first and then much faster, and why starting early matters more than the amount. chalk-talk ↔ a teacher at the board Developer toolsEnglish chalk-talk ↔ a teacher at the board Understand the path from a request to a self-contained HTML lesson: outline, recipe, build checks, offline player. Moon phases ↔ the Moon's shape each night Earth and Space ScienceEnglish Moon phases ↔ the Moon's shape each night Understand that the Sun always lights half of the Moon, and that the phase we see depends on how much of that lit half faces Earth as the Moon orbits. The printing press ↔ ideas going viral HistoryEnglish The printing press ↔ ideas going viral Understand how cheap, identical printed copies let ideas spread faster than anyone could stop them, and how that reshaped religion, science and reading in Europe between 1440 and 1600. Pythagorean theorem ↔ a ladder on a wall MathsEnglish Pythagorean theorem ↔ a ladder on a wall See that in any right triangle the two short sides squared add up to the long side squared, and use it to know how high a ladder reaches. Supply and demand ↔ tomatoes at the market EconomicsEnglish Supply and demand ↔ tomatoes at the market See how the price settles where the crates that arrived (supply) meet what buyers are willing to pay (demand), and why more crates mean a lower price. A cache ↔ the second page load Web developmentEnglish A cache ↔ the second page load Follow one request through an app with a cache, and see why the hit rate decides how fast the app feels. Platão ↔ por dentro da caverna FilosofiaPortuguês Platão ↔ por dentro da caverna Entre na cena: descubra o que produz as sombras e por que aprender pode mudar nossa maneira de ver. Estoicismo ↔ esperando o ônibus FilosofiaPortuguês Estoicismo ↔ esperando o ônibus Separar aquilo que depende de nossa escolha daquilo que não está inteiramente sob nosso controle. Filas ↔ uma manhã na cafeteria SistemasPortuguês Filas ↔ uma manhã na cafeteria Entender que uma fila desacopla chegada e processamento, mas não cria capacidade. Juros compostos ↔ a fatura MatemáticaPortuguês Juros compostos ↔ a fatura Pitágoras ↔ o telhado MatemáticaPortuguês Pitágoras ↔ o telhado Arquitetura web ↔ da mesa à cozinha SistemasPortuguês Arquitetura web ↔ da mesa à cozinha Acompanhar uma requisição e distinguir interface, regras do serviço e persistência.

How it works

You ask Claude, Claude agrees an outline, writes recipe.json, build.mjs checks it, out comes lesson.html
  1. Claude asks only what is missing (the everyday thing to tie the idea to, who it is for, which number moves) and agrees a four-part outline with you.
  2. It writes a small JSON recipe — what to draw, step by step — never the drawing itself.
  3. scripts/build.mjs checks the recipe, builds one HTML file and, with a headless browser, checks that nothing leaves the paper and no text covers another.