Creates draw.io XML files for logical diagrams like flowcharts, BPMN processes, UML models, and system architecture visualizations. Handles the standard diagram types you'd reach for when mapping out business logic, data flows, or abstract system designs without getting into cloud provider specifics. The skill includes a proper XML validation checklist (unique IDs, closed tags, valid references) which matters since malformed draw.io files are useless. Comes with a sensible color palette for different element types and templates for common diagram patterns. If you need AWS or Azure architecture diagrams with cloud service icons, there's a separate skill for that, but this covers everything else where you just need boxes, arrows, and proper connector routing.

skills.sh installs
4.1K
GitHub stars
369
last updated
Aug 21, 2026

Install

$ npx -y skills add giuseppe-trisciuoglio/developer-kit --skill drawio-logical-diagrams --agent claude-code

Installs into .claude/skills of the current project.

Files

Draw.io Logical Diagrams Creation

Overview

Create professional logical diagrams in draw.io's native XML format for logical flow diagrams, system architecture visualizations, and abstract process representations using generic shapes and symbols.

When to Use

  • Creating logical flow diagrams showing data flow between system components
  • Designing logical architecture diagrams (abstract system structure)
  • Building BPMN process diagrams for business processes
  • Drawing UML diagrams (class, sequence, activity, state)
  • Creating data flow diagrams (DFD) for system analysis
  • Making decision flowcharts with branching logic
  • Visualizing system interactions and sequences
  • Documenting logical system design without cloud specifics

Do NOT use for: AWS/Azure/GCP architecture diagrams (use aws-drawio-architecture-diagrams).

Instructions

Creating a Logical Diagram

Sponsors

Details

Repository
github.com/giuseppe-trisciuoglio/developer-kit
Categories
Code Review & Quality, Productivity & Planning, Sales & Marketing, Cloud & Infrastructure, Design & UI/UX
First seen
May 16, 2026

More from giuseppe-trisciuoglio/developer-kit

All 102
1amelnagdy avatardocs-guardamelnagdy/guard-skillsReview generated or changed documentation before it ships — READMEs, API references, docstrings, PHPDoc/JSDoc, changelogs, tutorials, and doc sites. Best used r4.1Kskills.sh installs
2inngest avatarinngest-eventsinngest/inngest-skillsUse when designing event-driven workflows, decoupling services, implementing fan-out patterns (one trigger, many downstream handlers), implementing idempotent e4Kskills.sh installs
3minimax-ai avatarminimax-pdfminimax-ai/skillsUse this skill when visual quality and design identity matter for a PDF. CREATE (generate from scratch): "make a PDF", "generate a report", "write a proposal", 3.9Kskills.sh installs
4asyrafhussin avatarphp-best-practicesasyrafhussin/agent-skillsPHP 8.x modern patterns, PSR standards, and SOLID principles. Use when reviewing PHP code, checking type safety, auditing code quality, or ensuring PHP best pra3.8Kskills.sh installs
5dotnet avatarauthor-componentdotnet/skillsCreate or review Blazor components (.razor files) with correct architecture. USE FOR: writing new Blazor components that do NOT involve JavaScript interop, impl3.8Kskills.sh installs
6tradermonty avatarearnings-calendartradermonty/claude-trading-skillsThis skill retrieves upcoming earnings announcements for US stocks using the Financial Modeling Prep (FMP) API. Use this when the user requests earnings calenda3.7Kskills.sh installs