skills.rest
shekerkamma
shekerkammaCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Convert text descriptions into editable Excalidraw diagrams via MCP.

Updated May 22, 2026
Search Tags:#mermaid#visual design#mcp#excalidraw#diagramming#architecture diagrams#flowcharts
One-click install
npx skills add https://github.com/shekerkamma/peopletech-marketplace --skill excalidraw-shekerkamma
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/shekerkamma/peopletech-marketplace/tree/main/plugins/content-tools/skills/excalidraw
Command: npx skills add https://github.com/shekerkamma/peopletech-marketplace --skill excalidraw-shekerkamma

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the tedious, design-intensive work of creating professional architecture diagrams, flowcharts, system maps, and other visual explanations from scratch, saving hours of manual layout, formatting, and tweaking effort.

Core Features & Use Cases

  • Live Excalidraw Integration: Draw directly on a live Excalidraw canvas via MCP for real-time editing and export to PNG, SVG, or shareable URLs.
  • Self-Correcting Workflow: The agent automatically screenshots its work, identifies issues like overlap, bad arrows, or text overflow, and iterates until the diagram is clean and polished.
  • 10 Proven Visual Techniques: Includes layered glow effects, color-coded zones, numbered badge circles, emoji icons, and Mermaid-to-Excalidraw conversion for consistent, professional styling.
  • Use Case: A product manager can generate a system architecture diagram for a new feature by describing components and data flows, getting a polished, editable visual in minutes without manual design work.

Quick Start

Use the excalidraw skill to create a professional flowchart of your team's content review process, including decision nodes for approval and rejection paths.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate Excalidraw diagrams from text descriptions?▼

You generate Excalidraw diagrams from text by using an agent that converts text descriptions into professional, editable Excalidraw diagrams, supporting architecture diagrams, flowcharts, and process workflows without manual design work.

Do I need an Excalidraw MCP server to automate diagram creation?▼

Yes, you need an Excalidraw MCP server to automate diagram creation. The agent draws directly on a live Excalidraw canvas via MCP, enabling real-time editing and export to PNG, SVG, or shareable URLs.

Can I convert Mermaid syntax into Excalidraw visuals?▼

Yes, you can convert Mermaid syntax into Excalidraw visuals. The diagramming process includes a Mermaid-to-Excalidraw conversion technique to ensure consistent, professional styling for architecture diagrams and flowcharts.

How does the agent handle overlapping elements or bad arrow routing in diagrams?▼

The agent handles overlapping elements and bad arrow routing through a self-correcting workflow. It automatically screenshots its work, identifies visual issues like text overflow, and iterates until the diagram is clean.

What is the best way to create system architecture diagrams for engineering teams without manual formatting?▼

The best way to create system architecture diagrams without manual formatting is using an automated text-to-diagram agent. It applies design guidelines for dark mode and transparent backgrounds, producing polished visuals in minutes.

Related Skills

Explore More Design & Creative Skills→
cloudbackenddevcloudbackenddev
1

excalidraw-skill

Create and manipulate diagram elements on a live Excalidraw canvas via MCP.

Community
Advanced
githubgithub
37.6k

excalidraw-diagram-generator

Convert natural-language diagram requests into Excalidraw-ready .excalidraw files.

Official
Intermediate
ichuanichuan
1

deploy-caddy-reverse-proxy

Deploy Caddy reverse proxy with Let's Encrypt SSL and systemd integration.

Community
Advanced
ViewWayViewWay

diagram-generator

Generate and edit drawio, Mermaid, and Excalidraw diagrams from plain-text descriptions.

Community
Advanced