Draw Io Skill banner
Sunwood-ai-labs Sunwood-ai-labs

Draw Io Skill

Development community

Description

Native draw.io skill with export helpers, SVG linting, and public docs for Codex and Claude Code workflows.

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Penpen header illustration for draw-io-skill

draw-io-skill

English · 日本語

Docs CI License Node draw.io

Native .drawio authoring, cross-platform export helpers, and SVG linting for Codex, Claude Code, and repository workflows.

✨ Overview

`draw-io-skill` packages the most useful parts of three diagram workflows into one repository:

  • native .drawio editing for assistant-driven diagram generation
  • export helpers for png, svg, pdf, and jpg
  • SVG linting for crossings, box or frame border overlap, supported non-rect shape border overlap, box penetration, short arrowhead terminal runs, label intrusions, label-box collisions, and text overflow

It is meant to be practical in a real repository: editable source stays in `.drawio`, exports stay reproducible, and routing defects can be caught before a diagram lands in docs or a PR.

🚀 Quick Start

Install the local tooling, export a bundled fixture, then run the linter:

npm ci
npm run verify
node scripts/export-drawio.mjs fixtures/basic/basic.drawio --format svg
node scripts/check-drawio-svg-overlaps.mjs fixtures/basic/basic.drawio.svg
uv run python scripts/find_aws_