Explain concepts visually
2 listings
Skills
Draw interactive isometric figures that explain a system
This skill builds detailed interactive SVG figures that show how a technical idea works as a physical object, such as a dial gauge, a plotter, or a lock. Each figure has many small parts with four-tone shading and a framed card that carries a title, a hint, and a number that updates as you interact, with gentle animated motion. You can build it as plain TypeScript or JavaScript that outputs SVG and HTML pages, or within a React or Next.js project, and it can add WebGL shaders for effects like fire, water, and lamp light. Eight example figures ship with it, and it can share a completed figure in the Anatomy community gallery if you request that.
Turn answers into one-page visual HTML explainers
This skill turns a complex answer into a single visual HTML page. The agent drafts the content in extended Markdown, and a bundled command-line tool named am takes care of layout, color, dark mode, and where diagram elements sit, so no HTML or SVG is written by hand. It is meant for explanations of how something works, comparisons and trade-offs, rankings, and anything with a table or several sections. The page follows the language of your question, and its settings can be changed with a config command.