Isoform is an agent skill for Isocons, a set of 1,007 isometric icons. Name an icon or an idea, and the skill takes the drawing apart along its own edges and animates it doing what the object does: the rocket draws itself in, then fires.
Each figure comes back as one self-contained HTML file you can drop anywhere.
Built with
- Agent Skills
- Claude Code
- SVG
- WebGL
- Next.js
- TypeScript
- Tailwind CSS
01What it does
- Works with any of the 1,007 Isocons, from any of its six views (rounded or sharp, left, top or right)
- Splits the drawing into parts along its own edges, then draws it in and plays the action
- Optional WebGL material effects: off, subtle or bold
- Plays on its own; hover or touch takes over
02Tested at scale
- All 6,041 drawings in the set render through the engine
- A stress test with eight fresh agents, plus re-runs, drove engine fixes: axis measuring across 904 views, see-through openings and frame sweeps
03Use it
- Install with npx skills add choicealex/isoform
- Then ask for /isoform-animate <icon or idea>
- Open source (MIT). Icons by Isocons, CC BY 4.0; Isocons does not endorse Isoform