Import Drawio — Code Quality skill for Claude Code
Redraw a draw.io file as an editorial diagram at a chosen format, size, and detail level.
How to install Import Drawio
Installs to ~/.claude/skills/cathrynlavery-diagram-design-import-drawio/SKILL.md
mkdir -p ~/.claude/skills/cathrynlavery-diagram-design-import-drawio && curl -fsSL https://raw.githubusercontent.com/cathrynlavery/diagram-design/HEAD/commands/import-drawio.md -o ~/.claude/skills/cathrynlavery-diagram-design-import-drawio/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Import Drawio does
description: Redraw a draw.io file as an editorial diagram at a chosen format, size, and detail level argument-hint: [--format=html|svg|png|html+png] [--size=] [--detail=faithful|balanced|simplified] [--audience=engineer|mixed|executive] [--type=] [--page=N|NAME|all] [--variant=light|dark|full] [--output=] allowed-tools:
- Read
- Write
- Edit
- Bash
- Glob
Redraw the draw.io file at `$1` as a diagram in this skill's design system, foll
Alternatives in Code Quality
- Job Stories — Create job stories with acceptance criteria in JTBD format 7.8k ★
- Video Script: Claude SEO V1.7.2 — What's New — Duration: ~5 minutes Tone: Natural, conversational, like talking to a friend who knows Claude Code Format: Scr 5k ★
- Ars Lit Review — ARS academic-paper lit-review mode — annotated bibliography in paper format 4.5k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Import Mermaid
Redraw Mermaid as an editorial diagram at a chosen format, size, and detail level
Import Excalidraw
Redraw an Excalidraw board as an editorial diagram at a chosen format, size, and detail level
Wwas
Create backlog items in Why-What-Acceptance format
List All Tools
List all available tools detailed in your system prompt. Display them in bullet points. Display them in typesc
Session Start
Start a new development session by creating a session file in .claude/sessions/ with the format YYYY-MM-DD-HHM
Format
Run the black formatter on the entire codebase:
Related Agents
Diagram Generation
Diagram generation expert for draw.io, PlantUML, and Mermaid — use proactively when creating architecture diag
Visual Exporter
Convert a structured deepthinking thought into diagram source code. Use when the user asks to visualize, rende
Diagram Drawer
Diagram drawing specialist. Use for the drawing step of /diagram — turns a content inventory (boxes, arrows, g