svg plugins

by OpenAI

Design, critique, implement, test, and export web data visualizations in Codex, including charts, maps, dashboards, Gantt, UML, scrollytelling, reports, slides, mobile views, shareable state, and advanced WebGL concepts.

by localplugins

Generate on-brand logos, social templates, and marketing graphics for any brand — vector assets need no accounts or keys; AI imagery is opt-in.

by Jeremy Longshore

Generate production-grade engineering design diagrams (architecture, sequence, delta, drift) as self-contained dark-themed HTML files with accessible inline SVG. Grounds every diagram in real repo topology via DCI — package manifests, docker-compose, k8s, terraform, import graph.

by localplugins

Generate on-brand logos, social templates, and marketing graphics for any brand — vector assets need no accounts or keys; AI imagery is opt-in.

by Jeremy Longshore

Generate production-grade engineering design diagrams (architecture, sequence, delta, drift) as self-contained dark-themed HTML files with accessible inline SVG. Grounds every diagram in real repo topology via DCI — package manifests, docker-compose, k8s, terraform, import graph.

by adityaraj0421

A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — powered by Naksha. Assembles specialist roles — UI designer, UX researcher, content designer, Figma expert, data viz, email, social, motion, presentation, brand strategy, illustration, video, conversational, spatial, compliance, and more — for any design task. 26 roles, 63 commands, 15,000+ lines of expert design knowledge. Your agency's design brain, inside your terminal.

by Alberto Leal

Generate, validate, and fix diagrams from Mermaid markup using mmdc. Use when creating flowcharts, sequence diagrams, class diagrams, converting .mmd files to images/SVG/PDF, or validating and fixing Mermaid diagram syntax.

by HKTITAN

Design engineering for AI agents — animation timing, transitions, typography, color, components, layout, accessibility, anti-patterns, sound, SVG. Plus a SOUL.md identity layer and nine workflow subagents. Distills Emil Kowalski, Benji Taylor, Jakub Antalik (transitions.dev), guidelines.sh, Vercel, Ben DC, DiceBear, lucide-animated, Google Labs design.md, Agentation.

by Stellars Henson

SVG infographic creation with grid-first design, CSS theme classes, dark/light mode, validation tools, and 60+ reference examples. Create card grids, timelines, flowcharts, banners, stats panels, and creative diagrams.

by akbun

Image drawing skills by akbun — image-generation prompts and editable SVGs in fixed akbun styles

by Icons8

Pick and fetch Icons8 icons and Ouch! illustrations so a project ends up with one consistent visual set: locks the whole project to one icon pack and one illustration style, rejects wrong metaphors and generic art, previews free before downloading originals, and pulls SVG only for the final set. Bundles the Icons8 MCP server.

by atman-33

Produce visual deliverables as self-contained HTML and hand them over as PDF: fixed 16:9 slide decks, inline-SVG diagrams on an editorial grammar, readable HTML documents and dashboards, and publication-quality PDF export for all of them — rendered entirely inside Claude Code. Install at user scope; optional.

by John Haugabook

Graphic design for napkin-sketch, as a plugin: the /graphic-designer:design-language command that reads one media file into a written DESIGN_LANGUAGE.md and generates a per-asset skill that can draw more work in the same language, and the two skills behind it - design-language (what to measure in an asset, how to write it down, and how to generate the skill and its scripts) and graphic-design-api (composing rectangles, circles, ellipses, triangles, polygons, clipping masks, styled text and placed media into an SVG or a PNG through the napkin-sketch graphic-design API).

by lewislulu (upstream)

HTML PPT Studio — author professional static HTML presentations (37 themes (academic-report = house default), 31 layouts, 15 full-deck templates, 27 CSS animations, 20 canvas FX, presenter mode with speaker notes). Includes html-to-svg (per-slide 1280x720 SVG export for PowerPoint import). Vendored from https://github.com/lewislulu/html-ppt-skill.

by the htmldeck maintainers

Single-file HTML presentations that don't look generated. One .html that renders offline with zero external references: real diagrams, progressive disclosure, considered typography. Asks two questions and nothing else.

by Lukas Kellerstein

Media generation and manipulation for images, videos/GIFs, music, speech, sourcing, SVG, and data visualization via Gemini, D3.js, Mermaid, and Draw.io, with visual-planning and media-prompt-craft gates.

by John Haugabook

Animation Mode for napkin-sketch, as a plugin: the /vectors:animation-mode command that draws one frame from the form the app writes, an animation-frame subagent that runs the same job in its own context, and the two skills behind them - vector-animations (assemblies, joint pivots, cycle tables, transform recipe, frame-spacing physics) and vector-graphics (Bezier formulas, degree choice, SVG layer structure, and a dependency-free script that derives path data from control points).

by OpenAI

Design, critique, implement, test, and export web data visualizations in Codex, including charts, maps, dashboards, Gantt, UML, scrollytelling, reports, slides, mobile views, shareable state, and advanced WebGL concepts.

by Fars Saadeldin

Translate between generative code and the geometry it produces, keeping output assets lean instead of bloated.

by Ricardo Gonçalves

Desenhos SVG (escolar, técnico, lúdico) com loop de auto-correção visual via Inkscape MCP.

by opspresso

Produce wireframes, prototypes, frontend layouts, technical diagrams, evidence-led charts, HTML reports, interactive explainers, and generated or edited images.

by Infyicon

Search 161,000+ free hand-drawn icons and paste ready-to-embed SVG/PNG. No API key.

by SimpleCORE Inc.

SimpleCORE's curated skill set — Korean output standards with glossary tooling, SVG and ASCII diagrams, low-fidelity wireframe boards, the scenario-driven build that grows an app from one in dependency order, one chapter per agent, the parity walk that reconciles a board with a running app, and the proposal set: the content standard for a bid and the typesetting standard for the decks it is submitted as