Get the FREE Ultimate OpenClaw Setup Guide →

Create Diagram

npx machina-cli add skill PabloLION/bmad-plugin/create-diagram --openclaw
Files (1)
SKILL.md
318 B

Create Diagram

Goal: Create general Excalidraw diagram.

Agent: Tech Writer (Paige) Phase: Diagrams


Execution

Read and follow: ./instructions.md

Validation

After completion, verify against: ./checklist.md

Source

git clone https://github.com/PabloLION/bmad-plugin/blob/main/plugins/bmad/skills/create-diagram/SKILL.mdView on GitHub

Overview

Generates a general Excalidraw diagram to visualize ideas, processes, or architectures. It follows project-specific instructions and a validation checklist to ensure consistency and quality, making diagrams ready for review or collaboration.

How This Skill Works

The diagram is built by reading and applying the project’s instructions from ./instructions.md, using Excalidraw as the diagram medium. Upon completion, it validates the result against ./checklist.md to ensure alignment with requirements before sharing or exporting.

When to Use It

  • When you need a quick, shareable diagram to illustrate a concept or process
  • When documenting system workflows or data flows for a project
  • When outlining user journeys or UI flows for a feature
  • When preparing diagrams for reports, blogs, or presentations
  • When collaborating with teammates who will review the diagram via Excalidraw

Quick Start

  1. Step 1: Open a new Excalidraw canvas and prepare to diagram.
  2. Step 2: Read and apply guidance from ./instructions.md to shape the diagram.
  3. Step 3: Validate against ./checklist.md and export as SVG/PNG if needed.

Best Practices

  • Always start by opening ./instructions.md to ensure consistency with project standards
  • Keep shapes and connectors simple to preserve readability
  • Name major components clearly and avoid overly-stylized elements
  • Validate with ./checklist.md before finalizing export
  • Export in common formats (SVG/PNG) for sharing

Example Use Cases

  • Flowchart of onboarding process
  • Architecture diagram of a small service
  • Data pipeline visualization
  • User journey map for a feature
  • Task breakdown diagram for a planning session

Frequently Asked Questions

Add this skill to your agents
Sponsor this space

Reach thousands of developers