Can I export these diagrams to image formats?

Once you open the .excalidraw file in an Excalidraw editor, you can easily export the canvas to SVG or PNG format for use in other documents.

Does it support automatic layout for complex flows?

Yes, the AutoLayoutFlowchart class provides automatic hierarchical positioning of nodes and intelligent arrow routing for complex logic paths.

How do I view the diagrams generated by this skill?

Generated .excalidraw files can be viewed by dragging and dropping them into excalidraw.com or by using the Excalidraw extension in VS Code.

Can I customize the look of the diagrams?

Yes, you can adjust the 'roughness' level to choose between a clean architectural look or a hand-drawn sketch aesthetic, and apply various semantic color schemes.

Excalidraw Diagram Architect

Name: Excalidraw Diagram Architect
Author: ahostbr

byahostbr

•

学習とドキュメンテーション

Generates professional, editable Excalidraw diagrams for system architecture, flowcharts, and technical documentation using Python-based automation.

The Excalidraw Diagram Architect skill empowers Claude to move beyond limited ASCII art by programmatically creating high-quality, editable visual diagrams. By leveraging a specialized Python generator library, it produces .excalidraw JSON files that can be opened directly in the Excalidraw web app or VS Code. Whether you need to visualize complex microservices, map out intricate business logic through flowcharts, or design system architectures, this skill provides the tools to generate structured, aesthetically pleasing diagrams that are ready for professional documentation and presentations.

主な機能

01Customizable aesthetics with multiple 'roughness' levels and professional color schemes

02Pre-built components for system architecture including databases, services, and actors

03Specialized AutoLayout engine for complex hierarchical flowcharts

04Programmatic generation of fully editable .excalidraw JSON files

05Seamless export options to SVG and PNG for embedding in Google Docs or READMEs

069 GitHub stars

ユースケース

01Visualizing complex backend logic and decision trees during the design phase

02Generating system architecture maps for technical documentation and GitHub repositories

03Creating professional flowcharts for project stakeholders and team presentations

主な機能

01Customizable aesthetics with multiple 'roughness' levels and professional color schemes

02Pre-built components for system architecture including databases, services, and actors

03Specialized AutoLayout engine for complex hierarchical flowcharts

04Programmatic generation of fully editable .excalidraw JSON files

05Seamless export options to SVG and PNG for embedding in Google Docs or READMEs

069 GitHub stars

ユースケース

01Visualizing complex backend logic and decision trees during the design phase

02Generating system architecture maps for technical documentation and GitHub repositories

03Creating professional flowcharts for project stakeholders and team presentations