{"enrichment":{"faq":[{"a":"Diagram Maker transforms descriptions into visual diagrams across three formats: clean SVG for educational and process concepts, architecture SVG for software and infrastructure topology, and Excalidraw for editable collaborative sketches. The skill intelligently routes your request to the best output format and generates standalone, browser-ready files with semantic styling and clear layouts.","q":"What is Diagram Maker and what can it create?"},{"a":"Diagram Maker lets you build diagrams without specialized design skills by simply describing what you need. Provide a description of your process, system, or concept, and Diagram Maker automatically selects the most appropriate format\u2014clean SVG, architecture SVG, or Excalidraw\u2014then generates a ready-to-use visual representation with semantic styling and clear organization.","q":"How do I create diagrams with Diagram Maker?"},{"a":"Yes, Diagram Maker specializes in making flowcharts and diagrams easily. It converts your ideas into visual diagram formats by intelligently routing requests to the best output format. Whether you need process flows, system architectures, or collaborative sketches, Diagram Maker generates structured visual representations that are ready to view and edit in your browser.","q":"Can Diagram Maker make flowcharts and diagrams easily?"},{"a":"Diagram Maker generates diagrams in three formats: clean SVG for educational and process concepts with semantic styling, architecture SVG for software and infrastructure topology diagrams, and Excalidraw for editable collaborative sketches. All outputs are standalone, browser-ready files that require no additional software to view or share.","q":"What output formats does Diagram Maker support?"},{"a":"Absolutely. Diagram Maker is designed specifically for creating visual diagram representations without requiring specialized design skills. It intelligently processes your descriptions and generates professional-quality diagrams in the format best suited to your needs\u2014whether educational, technical, or collaborative\u2014with clear layouts and semantic styling built in.","q":"Is Diagram Maker suitable for creating visual diagram representations?"},{"a":"Diagram Maker offers editable output through its Excalidraw format option, which creates collaborative sketches you can modify directly in your browser. SVG outputs are also editable through standard SVG editors or tools. The skill intelligently selects the best format for your use case, so collaborative editing capability depends on which format best suits your diagram type.","q":"Can I edit diagrams created by Diagram Maker?"}],"shadow_tags":["visual-design","flowchart-builder","diagram-generation","chart-creation","schematic-tools"],"summary_rewrite":"Diagram Maker transforms descriptions into visual diagrams across three formats: clean SVG for educational and process concepts, architecture SVG for software and infrastructure topology, and Excalidraw for editable collaborative sketches. The skill intelligently routes your request to the best output format and generates standalone, browser-ready files with semantic styling and clear layouts."},"gist":{"api_url":"https://skillfed.io/api/skills/openclaw/openclaw/diagram-maker.json","as_of":"2026-07-28","description":"Diagram Maker generates SVG, HTML, or Excalidraw diagrams to visualize concepts, architecture, and workflows. npx skillfed install openclaw/openclaw/diagram-maker","install":{"manual":["git clone https://github.com/openclaw/openclaw","cp -r openclaw ~/.claude/skills/diagram-maker"],"primary":"npx skillfed install openclaw/openclaw/diagram-maker","version":"ed60fe1d"},"kind":"skill","mirror_url":"https://skillfed.io/openclaw/openclaw/diagram-maker.md","similar":[{"id":"Agents365-ai/365-skills/excalidraw-skill","name":"Excalidraw Skill","publisher":"Agents365-ai/365-skills","url":"https://skillfed.io/Agents365-ai/365-skills/excalidraw-skill"},{"id":"PracticalSwan/agent-skills/excalidraw-diagram-generator","name":"excalidraw-diagram-generator","publisher":"PracticalSwan/agent-skills","url":"https://skillfed.io/PracticalSwan/agent-skills/excalidraw-diagram-generator"},{"id":"family3253/skill/obsidian-plugin-excalidraw","name":"Obsidian Plugin Excalidraw","publisher":"family3253/skill","url":"https://skillfed.io/family3253/skill/obsidian-plugin-excalidraw"},{"id":"guanyang/super-publisher/excalidraw-visual-designer","name":"excalidraw-visual-designer","publisher":"guanyang/super-publisher","url":"https://skillfed.io/guanyang/super-publisher/excalidraw-visual-designer"},{"id":"yctimlin/mcp_excalidraw/excalidraw-skill","name":"excalidraw-skill","publisher":"yctimlin/mcp_excalidraw","url":"https://skillfed.io/yctimlin/mcp_excalidraw/excalidraw-skill"}],"title":"Diagram Maker by openclaw: Create and visualize diagrams and flowcharts \u2014 SkillFed","use":{"when":["Diagram Maker lets you build diagrams without specialized design skills by simply describing what you need.","Yes, Diagram Maker specializes in making flowcharts and diagrams easily."]},"what":{"lead":"Diagram Maker generates SVG, HTML, or Excalidraw diagrams to visualize concepts, architecture, and workflows.","rest":"Diagram Maker transforms descriptions into visual diagrams across three formats: clean SVG for educational and process concepts, architecture SVG for software and infrastructure topology, and Excalidraw for editable collaborative sketches. The skill intelligently routes your request to the best output format and generates standalone, browser-ready files with semantic styling and clear layouts."}},"id":"openclaw/openclaw/diagram-maker","install":{"mode":"external","repo":"https://github.com/openclaw/openclaw"},"links":{"html":"https://skillfed.io/openclaw/openclaw/diagram-maker","md":"https://skillfed.io/openclaw/openclaw/diagram-maker.md","repo":"https://github.com/openclaw/openclaw"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":80753,"language":"TypeScript","last_updated":"2026-07-28","license":"NOASSERTION","name":"Diagram Maker","publisher":"openclaw","stars":384376},"relations":{"similar":[{"id":"Health-Yang/MineEcho/diagram-maker"},{"id":"Agents365-ai/365-skills/excalidraw-skill"},{"id":"terrylica/cc-skills/static-page-stack"},{"id":"openclaw/openclaw/meme-maker"},{"id":"PracticalSwan/agent-skills/excalidraw-diagram-generator"},{"id":"family3253/skill/obsidian-plugin-excalidraw"},{"id":"guanyang/super-publisher/excalidraw-visual-designer"},{"id":"yctimlin/mcp_excalidraw/excalidraw-skill"},{"id":"malue-ai/dazee-small/excalidraw"},{"id":"dirnbauer/webconsulting-skills/excalidraw"}]},"slug":{"owner":"openclaw","repo":"openclaw","skill":"diagram-maker"},"version":"ed60fe1d"}