Skip to content

The Authoring Pipeline in Motion

Run the Authoring Pipeline Walkthrough Fullscreen Edit Using the p5.js Editor

About This MicroSim

An interactive animation that shows the flow of authoring work from a natural-language prompt to a published chapter. The canvas shows five horizontal lanes: Author, Claude Code, Agent Skill, Markdown Files, and MkDocs Material. A glowing token flows through the lanes, leaving artifacts (file icons) where it lands.

Use the Play/Pause button to animate, the Speed slider to control pace, and the Skill dropdown to see how different agent skills produce different output files.

Learning Objective (Understand): Describe the flow of information from an author's natural-language request through Claude Code, an Agent Skill, and MkDocs to a published chapter.