What file format does this skill produce?

This skill generates diagrams in the Excalidraw format, which can be opened and edited directly in any Excalidraw-compatible editor.

Is it possible to customize the diagram style?

Yes, you can provide specific instructions or refer to an instructions.md file to guide Claude on the preferred visual style and notation.

Does it require external design software?

No, the skill generates the diagram data directly via Claude. You only need a web browser or Excalidraw plugin to view and export the final image.

How does this fit into the BMAD development method?

It is part of the Diagrams phase, where the 'Tech Writer' agent (Paige) ensures that all technical implementations are properly visualized and documented.

Can I use this skill to document existing codebases?

Yes, Claude can analyze your existing code and use this skill to generate architectural diagrams that reflect your current implementation.

Excalidraw Diagram Creator

Name: Excalidraw Diagram Creator
Author: PabloLION

byPabloLION

•

Learning & Documentation

Generates professional Excalidraw diagrams to visualize software architectures, system flows, and technical concepts.

The Excalidraw Diagram Creator skill empowers Claude to act as a specialized Tech Writer (Paige) within the BMAD framework to design and generate editable visual diagrams. By converting complex technical logic and codebase structures into the Excalidraw format, it bridges the gap between raw code and clear documentation. This skill is essential for developers who need to produce high-quality architectural visualizations, sequence diagrams, or user flows without leaving their terminal-based AI workflow, ensuring that project documentation remains as agile as the development process itself.

Key Features

01Adherence to project-specific diagramming checklists

02Automated visualization of software architectures and logic

03Integrated Tech Writer persona for professional documentation

04Native Excalidraw file generation for easy editing

052 GitHub stars

06Support for flowcharts, sequence diagrams, and UI wireframes

Use Cases

01Mapping complex microservices and system interactions

02Documenting database schemas and entity relationships

03Visualizing user journey flows and application logic gates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pablolion/bmad-plugin create-diagram

For use in Claude.ai and ChatGPT

Key Features

01Adherence to project-specific diagramming checklists

02Automated visualization of software architectures and logic

03Integrated Tech Writer persona for professional documentation

04Native Excalidraw file generation for easy editing

052 GitHub stars

06Support for flowcharts, sequence diagrams, and UI wireframes

Use Cases

01Mapping complex microservices and system interactions

02Documenting database schemas and entity relationships

03Visualizing user journey flows and application logic gates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pablolion/bmad-plugin create-diagram

For use in Claude.ai and ChatGPT