skills.rest
p-sree-sai-pavan
p-sree-sai-pavanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

diagram-maker

Generate SVG/HTML or Excalidraw diagrams from concepts and architectures.

5|Updated Mar 17, 2026
Search Tags:#workflow#design#architecture#excalidraw#visualization#svg#diagram
One-click install
npx skills add https://github.com/p-sree-sai-pavan/P.A.R.K.E.R --skill diagram-maker-p-sree-sai-pavan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram-maker
Source: https://github.com/p-sree-sai-pavan/P.A.R.K.E.R/tree/main/gateway/skills/diagram-maker
Command: npx skills add https://github.com/p-sree-sai-pavan/P.A.R.K.E.R --skill diagram-maker-p-sree-sai-pavan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Translate ideas and architectures into clear, shareable diagrams to replace long prose explanations with visuals.

Core Features & Use Cases

  • Generate SVG/HTML diagrams from concepts (maps, architectures, workflows).
  • Create editable Excalidraw diagrams for collaboration.
  • Use automated layout strategies to improve readability.

Quick Start

Choose an output mode (clean-svg, architecture-svg, or excalidraw) and run the diagram generator to produce the diagram at the specified path, such as ./diagram.html or ./diagram.excalidraw.

Frequently Asked Questions about diagram-maker

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate SVG diagrams from software architecture concepts?▼

Generate SVG diagrams by applying a layout-first approach to translate software architecture concepts into standalone visual artifacts with labeled nodes and directional connectors.

Can I create Excalidraw diagrams for collaboration from text descriptions?▼

Yes, create editable Excalidraw diagrams from text descriptions to enable team collaboration, exporting the generated workflow visualization to a specified file path.

What is the best way to visualize workflows without writing long prose explanations?▼

Visualize workflows by converting concepts into shareable diagrams, using automated layout strategies to improve readability and replacing long prose explanations with clear visuals.

Does this diagram generator support clean SVG output for product design tasks?▼

Yes, the diagram generator supports clean-svg output mode for product design tasks, producing standalone SVG files with labeled nodes and directional connectors.

How do I choose between clean-svg and architecture-svg modes for diagram generation?▼

Choose clean-svg for standard visual artifacts or architecture-svg for software architecture layouts, both generating standalone SVG files with labeled nodes and directional connectors.

What output formats can I export diagrams to for education and workflow visualization?▼

Export diagrams to standalone SVG, HTML, or Excalidraw formats for education and workflow visualization, saving the generated files to a specified path.

Related Skills

Explore More Design & Creative Skills→
diegomarinodiegomarino
56

d2-architect

Analyze codebases to generate D2 diagrams for ER, Sequence, Architecture, and Class types.

Community
Advanced
JuanMS20JuanMS20

architecture-diagram

Generate dark-themed architecture diagrams as standalone HTML files with inline SVG.

Community
Intermediate
levi-qiaolevi-qiao
6

excalidraw-diagram

Generate Excalidraw diagrams from text in markdown, .excalidraw, or animated formats.

Community
Intermediate
mike-coulbournmike-coulbourn
37

brand-positioning-theory

Identify brand-positioning problems and generate onliness statements and positioning maps.

Community
Advanced