Diagram Maker
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.
Diagram Maker generates SVG, HTML, or Excalidraw diagrams to visualize concepts, architecture, and workflows.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-28
Diagram Maker generates SVG, HTML, or Excalidraw diagrams to visualize concepts, architecture, and workflows. 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.
Use it 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.
Install
openclaw/openclaw/diagram-maker · repository language: TypeScript
generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is Diagram Maker and what can it create?
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.
How do I create diagrams with Diagram Maker?
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—clean SVG, architecture SVG, or Excalidraw—then generates a ready-to-use visual representation with semantic styling and clear organization.
Can Diagram Maker make flowcharts and diagrams easily?
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.
What output formats does Diagram Maker support?
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.
Is Diagram Maker suitable for creating visual diagram representations?
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—whether educational, technical, or collaborative—with clear layouts and semantic styling built in.
Can I edit diagrams created by Diagram Maker?
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.
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Create and visualize diagrams and flowcharts”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Build and refine visual diagrams, flowcharts, architecture maps, and infographics directly in Excalidraw using an embedded browser. The skill manages layout, connector routing, and editable elements to keep your designs clean and legible. Import complex scenes via clipboard JSON or construct them interactively, then finalize with all elements ready for further editing.
This skill connects to Trello's REST API to automate board, list, and card operations from the command line. Create cards, move tasks between lists, add comments, and archive items without leaving your terminal.
Excalidraw Skill generates technical diagrams and flowcharts in .excalidraw format, then exports them to PNG or SVG. Choose between Kroki API (zero setup, SVG only) or local CLI (PNG and SVG support). Use it when explaining systems with multiple components, multi-step processes, or any visualization that benefits from a visual layout.
Turn natural language into Excalidraw diagrams without drawing manually. Supports flowcharts, mind maps, architecture diagrams, sequence diagrams, ER diagrams, and data flow visualizations. The skill analyzes your description, identifies key elements and relationships, then generates a ready-to-open .excalidraw file.
This plugin creates .excalidraw whiteboard files that work with Obsidian's Excalidraw plugin 2.0 and later. It supports shapes, smart connectors, text binding, and Obsidian internal links for building diagrams, flowcharts, and mind maps.
Excalidraw Skill provides a live canvas for building and refining diagrams through code. Use it to draw layouts, batch-create elements, align and group shapes, convert Mermaid diagrams, and export to multiple formats—all via CLI, MCP tools, or REST API.
More skills excalidraw (MIT) · Excalidraw (NOASSERTION)