Index

skill/explainers

Interactive teardowns of Claude Code skills worth learning from. Each one covers how the skill is organised (what the agent reads, what it runs, what it copies, and why) so you can write skills for complex work. It also covers the domain knowledge underneath, such as rendering, UI, animation and audio.

Explainers

001 · elvarofficial/teardown

teardown

Turns "how does this machine work?" into an offline 3D simulator page plus a 60 fps film with a synced score. Covers the playbook-plus-tools structure, the render(t) contract, the review loop that gives the agent eyes, and the rendering pipeline underneath.

skill designthree.jspost-processingkinematicseasingaudio2026-10-31

Next skill goes here

Every explainer has

A · OrganisationThe file tree and who reads each file, the anatomy of SKILL.md, the agent's loop step by step, and lessons for writing your own.

B · RuntimeHow the skill's code actually works, with live demos ported from its source and its real numbers.

C · DomainThe technical ideas it depends on, explained so you can use them in your own work.