This skill generates single-file HTML documents containing monochrome, textbook-style isometric figures. It allows technical illustrators to build playable desk objects—such as synthesizers, calculators, or computers—where switches toggle and keys depress to produce live state readouts.
By using plain SVG and projection code instead of 3D engines or canvas libraries, the skill produces lightweight interactive diagrams suitable for hero illustrations and product figures.
Follow the documented setup, then try a first task.
Installs: The iso-figure plugin from the ai-iso-skill marketplace. · Claude Code
Enter both commands in a Claude Code session, in the documented order.
/plugin marketplace add MrBongoC/ai-iso-skill /plugin install iso-figure@ai-iso-skill
Installs: The iso-figure skill folder copied into ~/.claude/skills/. · Claude Code
Run this complete command block in a terminal to clone the repository and copy its iso-figure folder into the documented skills location.
git clone https://github.com/MrBongoC/ai-iso-skill.git cp -r ai-iso-skill/skills/iso-figure ~/.claude/skills/
Installs: The released iso-figure.skill package. · Claude.ai
Platform: Claude.ai
Download iso-figure.skill from https://github.com/MrBongoC/ai-iso-skill/releases/latest and upload it in your Claude.ai skill settings.
Uses iso-figure
Use the iso-figure skill to create a wall light switch that turns a lamp on and off. Produce one self-contained HTML/SVG file with an isometric line drawing, a Fig 6 caption, and a live on/off state readout.
Claude
Cursor