SVG Graphics Skills for Claude Code, Codex & AI Agents

Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.

wheresryan22

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.

yizhiyanhua-ai

Redesign GitHub README pages and create project-specific SVG, composed PNG or WebP, and optional animated graphics.

Zhihuang Lin

Design and critique SVG logos with three tested concepts, brand guidelines, presentation mockups and favicon or app-icon exports.

kaankiziltug

Create animated and explorable diagrams from compact JSON specifications, with scripted layout, styling, motion, and export workflows.

Aryan Utkarsh

Animate a finished dimensional drawing into an 8–15 second film with progressive strokes, camera moves, and lifted layers, using Claude Motion or a headless renderer.

Enes Ozturk

Create standalone SVG diagrams for flows, architecture, timelines and other structured explanations.

Jim Liu (宝玉)

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.

Cathryn Lavery

Create a self-contained HTML specification sheet with monochrome SVG views, measured variables, exploded layers, and detailed component geometry.

Enes Ozturk

Create and render Mermaid diagrams as themed SVG, PNG, or terminal-friendly text for architecture notes, READMEs, and technical discussions.

imxv

Create technical illustrations with coherent views and an interactive export page.

Jakub Krehel