NeVibeCode · 14 items
Skills and MCP tagged “svg”
design skill Generates logos, brand identity assets, design tokens, Chart.js HTML slides, and multi-platform banners using Python scripts and AI providers.
Claude Code CX Codex Cursor +1
40,800installs
diagram-design skill Draws 45 diagram types as self-contained HTML files with inline SVG. Useful when a picture beats a paragraph.
Claude Code CX Codex Cursor +1
18,900installs
anatomy skill Builds detailed interactive isometric SVG figures that explain technical ideas as physical machines. Useful for landing pages and docs.
Claude Code CX Codex Cursor +1
21,100installs
fireworks-tech-graph skill Builds precise technical SVG diagrams, exports them to PNG or standalone HTML, and animates semantic SVGs into GIFs. Suitable for system architecture, UML, and cloud workflows.
Claude Code CX Codex Cursor +1
18,000installs
baoyu-diagram skill Builds dark-themed, standalone SVG technical diagrams, flowcharts, and mind maps directly inside your AI coding session.
Claude Code CX Codex Cursor +1
15,300installs
motion-advanced skill Advanced gesture and animation patterns for React and Next.js. Guides your coding agent through drag-and-drop, SVG drawing, and imperative useAnimate sequences.
Claude Code CX Codex Cursor +1
4,600installs
text-to-lottie skill Generates, edits, and debugs Lottie JSON animations for the local Skia Skottie player. Helps create UI microinteractions, loaders, and animated charts.
Claude Code CX Codex Cursor +1
10,600installs
hand-drawn-diagrams skill Generates hand-drawn Excalidraw diagrams from plain text prompts. It outputs animated SVGs, PNG exports, and hosted links for editing.
Claude Code CX Codex Cursor +1
2,800installs
pptx-visual-assets skill Places approved icons, images, SVGs, and diagrams onto editable PPTX decks with precise bounding boxes and verified rights.
Claude Code CX Codex Cursor
2,600installs
drawio
official skill Builds native .drawio diagram files and exports them to PNG, SVG, or PDF with embedded XML.
GitHub Copilot
314installs
dashboards-and-real-time-visualization
official skill Designs dashboards and live data visualization systems. Helps structure streaming data, refresh rates, mobile interruptions, and rendering budgets.
CX Codex GP ChatGPT
29installs
d3-data-visualization
official skill This skill builds custom D3 visualizations with SVG or DOM, annotations, bespoke scales, and interaction. Use it when standard chart grammars no longer fit.
CX Codex GP ChatGPT
13installs
satori
official skill Guides dynamic Open Graph image generation in Next.js using Satori and @vercel/og with HTML and CSS.
CX Codex GP ChatGPT
6installs
draw
official plugin Create and edit simple diagrams in a Copilot canvas with draw. Use it to sketch a diagram, adjust it with Copilot, then export it as PNG or SVG.
GitHub Copilot
★ 40,369repo stars