Generate theme-matched SVG diagrams and insert them into MDX files.
npx skills add https://github.com/co-r-e/dexcode --skill svg-diagram-co-r-e
Please help me install this Agent Skill. Skill: svg-diagram Source: https://github.com/co-r-e/dexcode/tree/main/.claude/skills/svg-diagram Command: npx skills add https://github.com/co-r-e/dexcode --skill svg-diagram-co-r-e
SVG diagram generation skill. Generates professional diagrams (flow, architecture, comparison, hierarchy, cycle, etc.) as SVG matching the slide's theme colors and fonts, saves them to the deck's assets directory, and inserts them into MDX. Text is kept minimal, prioritizing visual clarity. All arrows use orthogonal (right-angle) routing.
Describe the diagram you want (deck, slide, and content details) and the tool will generate the SVG, save it to the deck's assets, and insert a reference into the target MDX.
High-intent search queries and answers about installing and using this skill.
You generate SVG diagrams that match your deck theme by describing the diagram content, which produces a theme-aligned SVG saved to your deck's assets directory with an automated MDX reference update.
Yes, you can automatically insert SVG flowcharts into MDX slides because the tool handles asset management by writing the generated SVG to your deck's assets directory and updating the MDX reference automatically.
You can create flow, architecture, process, hierarchy, and cycle SVG diagrams for slide decks, featuring orthogonal right-angle arrows and minimal text to prioritize visual clarity.
Yes, the SVG diagram generator supports custom theme colors and typography by leveraging the deck's theme extraction system to ensure generated diagrams visually match your existing slides.
The best way to manage slide assets when adding SVG diagrams to MDX is using an automated system that writes generated files to your deck's assets directory and automatically inserts the corresponding reference.
toddwardGenerate branded slide decks from .pptx templates and content outlines.
jg-chalk-ioRender Mermaid diagrams into SVG and PNG images via CLI.
VoDaiLoczCreate and edit PowerPoint slide decks with PptxGenJS.
silaslopes100Generate standalone HTML files with interactive D3.js v7 visualizations.
