drawio-skill

Generate AWS, UML, flowchart, and ERD diagrams using draw.io.

2|Updated May 15, 2026

Search Tags:#visualization #AWS #draw.io #UML #diagram

One-click install

npx skills add https://github.com/mashharuki/floci-sample --skill drawio-skill-mashharuki

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: drawio-skill
Source: https://github.com/mashharuki/floci-sample/tree/main/.agents/skills/drawio-skill
Command: npx skills add https://github.com/mashharuki/floci-sample --skill drawio-skill-mashharuki

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, drawio, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the creation of professional diagrams and visualizations using draw.io, allowing users to quickly generate diagrams for technical documentation, architecture charts, and system visualizations.

Core Features & Use Cases

Diagram Generation: Create various types of diagrams such as AWS architecture diagrams, flowcharts, and UML class diagrams.
Customization: Apply custom styles and color palettes to diagrams.
Export: Export diagrams in multiple formats including PNG, SVG, PDF, and JPG.
Use Case: If you need to create a detailed AWS architecture diagram for a project, this Skill can help you generate it with the correct icons, colors, and layout.

Quick Start

Generate an AWS architecture diagram with the draw.io skill. Input: "Create an AWS architecture diagram with the following components: API Gateway, Lambda, DynamoDB, S3, and CloudFront."

Frequently Asked Questions about drawio-skill

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

FAQPage Schema

How do I generate an AWS architecture diagram with API Gateway and Lambda components?▼

This skill generates draw.io visualizations for technical documentation, system architecture, and software design, handling diagram types like AWS architecture, UML class diagrams, flowcharts, and ERDs.

Can I export draw.io diagrams as SVG or PDF files?▼

Yes, you can export diagrams in multiple formats including PNG, SVG, PDF, and JPG, allowing flexible integration into technical documentation and architecture charts.

Do I need Python installed to create UML class diagrams with draw.io?▼

Yes, you can apply custom styles and color palettes to your draw.io diagrams, ensuring generated system visualizations match your technical documentation standards.

What is the best way to customize color palettes for draw.io flowcharts?▼

To customize flowcharts, apply custom styles and color palettes within the draw.io skill, ensuring detailed system visualizations match your project requirements.

monforje

drawio-diagrams

Create draw.io diagrams from structured data with Python scripts.

Community

Advanced

markacianfrani

drawio

Generates native draw.io XML diagrams for technical documentation and visual modeling, with optional export to PNG, and SVG/PDF via installed desktop app.

Community

Intermediate