Anatomy
Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.
Original workflows for websites, images, presentations, and everything in motion.
Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.
Turn English or Chinese descriptions into technical SVG diagrams with Codex or Claude Code. Create architecture and workflow diagrams, export PNG or offline interactive HTML, and animate supported scenes as GIFs.
Design and critique SVG logos with three tested concepts, brand guidelines, presentation mockups and favicon or app-icon exports.
Create reports, invoices and other PDFs with React components, reusable layouts, SVG graphics and controlled page breaks.
Create editorial diagrams in your brand with an AI agent. Supports architecture, flowcharts, data charts, and redraws from Mermaid, draw.io, and Excalidraw, with HTML, SVG, and PNG output.
Create Marp presentations from Markdown with SVG charts, dashboard components and reference decks, then export to HTML, PDF or PowerPoint.
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools.
A small library, made with care. More skills are on the way.