Is there a way to edit diagrams directly in my IDE?

Yes, the skill provides configuration details for the VS Code draw.io extension (hediet.vscode-drawio), enabling a seamless graphical editing experience within your workspace.

How do I manage diagrams in Atlassian tools like Jira and Confluence?

The skill includes guidance on using the draw.io marketplace apps, embedding existing diagrams via macros, and managing page content programmatically using the Confluence REST API.

What is the recommended file format for GitHub diagrams?

The .drawio.svg format is highly recommended because it renders as a standard image in browser while retaining the editable XML metadata, allowing you to re-edit the file in draw.io.

Can this skill automate diagram exports?

Yes, it provides specific CI/CD configurations for GitHub Actions and Azure Pipelines to automatically convert .drawio source files to SVG or PNG on every push.

draw.io Platform Integrations

Name: draw.io Platform Integrations
Author: markus41

bymarkus41

•

协作工具

Integrates draw.io diagrams seamlessly across documentation and collaboration platforms like GitHub, Confluence, and Jira.

This skill provides comprehensive guidance and automation patterns for embedding, managing, and synchronizing draw.io diagrams within modern development workflows. It streamlines technical documentation by offering specific integration paths for GitHub, Confluence, Jira, Azure DevOps, and Notion, including automated CI/CD export workflows that ensure diagrams remain updated alongside code changes. Whether you need to render architecture diagrams in Markdown or manage diagrams programmatically via APIs, this skill ensures visual consistency and editability across your entire toolstack.

主要功能

01Integration support for Notion, Microsoft Teams, and Harness

02API integration patterns for programmatic diagram management

0310 GitHub stars

04Automated export workflows using GitHub Actions and Azure Pipelines

05Multi-platform embedding guides for GitHub, Jira, Confluence, and Azure DevOps

06Guidance on format selection for optimal editability and display (e.g., .drawio.svg)

使用场景

01Synchronizing system design visuals across cross-platform team wikis and READMEs

02Automating diagram updates in GitHub documentation via CI/CD pipelines

03Embedding editable architecture diagrams in Confluence and Jira issue descriptions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add markus41/claude platform-integrations

For use in Claude.ai and ChatGPT

主要功能

01Integration support for Notion, Microsoft Teams, and Harness

02API integration patterns for programmatic diagram management

0310 GitHub stars

04Automated export workflows using GitHub Actions and Azure Pipelines

05Multi-platform embedding guides for GitHub, Jira, Confluence, and Azure DevOps

06Guidance on format selection for optimal editability and display (e.g., .drawio.svg)

使用场景

01Synchronizing system design visuals across cross-platform team wikis and READMEs

02Automating diagram updates in GitHub documentation via CI/CD pipelines

03Embedding editable architecture diagrams in Confluence and Jira issue descriptions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add markus41/claude platform-integrations

For use in Claude.ai and ChatGPT