Sunwood-ai-labs

Draw Io Skill — Development skill for Claude Code

Development community

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

How to install Draw Io Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Sunwood-ai-labs/draw-io-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Draw Io Skill does

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

Alternatives in Development

Petdex — A public gallery of animated pets for Codex, Claude Code, DeepSeek Harness, Hermes, OpenCode, Gemini CLI, and 4k ★
Octo Docs — Document delivery with export to PPTX, DOCX, PDF formats 2.8k ★
Zeron — A native control plane for Claude Code, Codex, Cursor, Devin and other coding agents 1.4k ★

README

Penpen header illustration for draw-io-skill

draw-io-skill

English · 日本語

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_