Convert natural language prompts into hand-drawn style diagrams via JSON and roughjs.
npx skills add https://github.com/aref-vc/excalidraw-skill --skill excalidraw-aref-vc
Please help me install this Agent Skill. Skill: excalidraw Source: https://github.com/aref-vc/excalidraw-skill/tree/main Command: npx skills add https://github.com/aref-vc/excalidraw-skill --skill excalidraw-aref-vc
This Skill converts text prompts into visually appealing, hand-drawn style diagrams that capture complex ideas quickly.
Provide a description of your system architecture or workflow to generate a hand-drawn diagram that illustrates the concepts visually.
High-intent search queries and answers about installing and using this skill.
To generate a hand-drawn diagram, you provide a natural language prompt describing your system elements and relationships, which the Skill renders into a visual SVG using roughjs.
Yes, you can create a hand-drawn flowchart for system design by describing the architecture in plain English, and the tool automatically translates the text prompt into a visual diagram.
You need to clearly describe the diagram elements, shapes like rectangles or diamonds, relationships, arrows, and optional section labels to generate an accurate architecture diagram from natural language.
The hand-drawn diagram generator supports customizable elements including rectangles, ellipses, diamonds, and arrows, along with optional annotations and section labels for architectural visualization.
The best way to convert system architecture descriptions into visual content is using a tool that parses JSON specifications and renders them through roughjs and SVG manipulation to produce aesthetic hand-drawn diagrams.
A limitation when converting complex system design text prompts is that the output requires you to describe the diagram elements and relationships clearly, as ambiguous descriptions may not render the intended visual content.
ghufronbagaskaraGenerate Excalidraw-compatible JSON diagrams for architecture, flow, and sequence visualization.
fawzymohamedCreate hand-drawn SVG diagrams with reusable Vue components for DevOps lessons.
WbunkerGenerate hand-drawn style SVG and PNG diagrams from natural language prompts.
aws-samplesGenerate hand-drawn style diagrams from structured input using Excalidraw.
