メニュー
Create, edit, and review diagrams.net (draw.io) files. Use for .drawio XML edits, layout/coordinate adjustments, exporting .drawio to PNG/SVG/PDF, and AWS icon lookups (mxgraph.aws4.*).
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | draw-io |
| description | Create, edit, and review diagrams.net (draw.io) files. Use for .drawio XML edits, layout/coordinate adjustments, exporting .drawio to PNG/SVG/PDF, and AWS icon lookups (mxgraph.aws4.*). |
.drawio files (XML).*.drawio.png.Use the bundled script:
bash ~/.codex/skills/draw-io/scripts/convert-drawio-to-png.sh path/to/diagram.drawio
Internal command (draw.io Desktop CLI):
drawio -x -f png -s 2 -t -o output.drawio.png input.drawio --no-sandbox
Notes:
ELECTRON_RUN_AS_NODE=1 may be set globally, which breaks draw.io export flags.
The script unsets it for you.$DISPLAY if valid, otherwise it
will try xvfb-run, then fall back to a temporary Xvnc display if available.git add.python ~/.codex/skills/draw-io/scripts/find_aws_icon.py ec2
If you need more results or official names, inspect:
references/aws-icons.mdIf you need a consistent font across the diagram, set defaultFontFamily in mxGraphModel:
<mxGraphModel defaultFontFamily="Noto Sans JP" ...>
If specific text nodes render inconsistently, set fontFamily explicitly in the element style:
style="text;html=1;fontSize=27;fontFamily=Noto Sans JP;"
Workflow:
.drawio XML.mxCell (often by searching value= for a label).mxGeometry (x, y, width, height).Tips:
y + height/2 (useful for vertical alignment across elements).Adapted from the Claude Code templates draw.io skill (MIT): davila7/claude-code-templates.
Run and recover long-lived Codex CLI conversations in Linux tmux sessions with workspace-scoped metadata and SESSION_ID tracking. Use when Codex needs to keep watching one interactive session, continue the same conversation after detach/reattach, recover after terminal loss with exact `SESSION_ID` resume, or monitor tmux-backed Codex output without relying on VS Code integrated terminals.
Build, edit, render, import, and export presentation decks with the preloaded @oai/artifact-tool JavaScript surface through the artifacts tool.
Build, edit, recalculate, import, and export spreadsheet workbooks with the preloaded @oai/artifact-tool JavaScript surface through the artifacts tool.
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Use when you have a written implementation plan to execute in a separate session with review checkpoints
Check Codex "cloud review" signals on a GitHub PR (thumbs-up reactions, comments/reviews, checks) and troubleshoot cases where the review appears to have "no feedback". Use when a PR is expected to be reviewed by Codex but gh/CLI output shows nothing.