Teaching videos, made of clay and code.

Press the clay. Hold the button down to leave a dent.Scroll down.

It starts with one sentence.

> Make a video on why computed torque control works

Select the topic to change it.

Claude writes three files.

Select a page to read it. Select outside it to go back.

Whisper times every word.

Put the pointer on the wave to find each word.Each word gets its time in seconds.

Code draws every frame.

Put the pointer on the graph: a ghost cart shows where the cart was at that time.Scroll back, and it plays backwards.

Click anything, and he does one of his 12 moves.

Click or tap any object, and he walks there to use it.

The mascot in a ring of objects: a bench, a whiteboard, a hand wheel, a basket and a parcel.

Nothing renders until the checks pass.

Scroll: he lies down, and the checks of the clay kit run on his pose.

The mascot asleep on a rug, with the make look console all green.

The result is a real MP4.

Select a frame to play it. Select outside it to go back.

A frame from a finished video: the mascot holds up a screen with a shadow on it.

Install it with one command.

npx clayducation

Then ask Claude Code for a video, in the conversation where the topic came up.

Source on GitHubManual setup

Manim, inside the clay videosNew

For a curve, a plot or a formula that changes step by step, the video changes to Manim and back.

A Manim scene: gains from the poles.
Gains from the poles. Computed torque: the damping and the frequency give kv and kp.
A Manim scene: how fast the gains grow.
How fast the gains grow. Computed torque: each gain against the frequency.
A Manim scene: the bayes error.
The Bayes error. Bayes decision: the area that each decision gets wrong.
A Manim scene: parzen windows.
Parzen windows. Density estimation: a small h is spiky, a large h is smooth.
A Manim scene: the best line is an eigenvector.
The best line is an eigenvector. PCA: the spread along the line, against its angle.
A Manim scene: the fisher ratio has one peak.
The Fisher ratio has one peak. LDA: the direction that keeps the classes apart.
A Manim scene: misleading dimensions.
Misleading dimensions. Generalization: a small eigenvalue gets a large weight.
A Manim scene: stop before it learns the noise.
Stop before it learns the noise. MLP: the training error and the validation error.
A Manim scene: activation functions.
Activation functions. MLP: step, piecewise linear, sigmoid and ReLU.

The older 2D styles

The first version of Clayducation drew in 29 flat styles, and they are still in the video engine. Ask for one by name, for example "tell its history as a newsreel".

A 1920s newspaper in a dark film gate, with a grease-pencil ring round the headline.
Newsreel. A 1920s film gate, for the history of an idea.
Flat props with faces: a drone, barrels, a laptop and a tank.
Flat vector. Objects with faces that act out a process.
Hand-drawn ink jars, a folder, a pencil and envelopes.
Line boil. Ink that boils like a hand-drawn cartoon.
Pixel art: a shelf, a crate, a GPU and two small workers with a dialogue box.
Pixel art. A small world with typed dialogue.
Three overlapping ink discs and a halftone tint.
Risograph. Inks that multiply, as on a printed poster.
Blue drafting lines with an arrowhead and part balloons.
Blueprint. A mechanism drawn in drafting order.
make look