Made a web app for animated diagrams, and a claude code skill that draws them from description

I made [https://getstepflow.com/](https://getstepflow.com/), a web app for animated diagrams. You draw boxes and arrows, click them in order, and a dot plays through them step by step. It exports a single SVG that animates right in a GitHub README, no JS, and it follows dark mode. There's an AI chat in it too, so you can describe a diagram or ask for changes. I also made a Claude Code skill for it. Describe what you want, "what this pull request changes", "our architecture for the README", "the checkout flow as a sequence diagram", and it reads the code and draws it as the same kind of animated SVG. I use it most on PRs, since Claude keeps handing me ones that touch 30+ files with a changelog for a description. Whatever it draws, you can drag onto [https://getstepflow.com/app](https://getstepflow.com/app) and move things by hand or ask the AI chat for changes, then export again. Install the skill: [github.com/Figure8-Labs/stepflow](http://github.com/Figure8-Labs/stepflow) /plugin…