메뉴
draw.io SVG内のembedded mxfileを抽出し、Confluence/diagrams.net相当の見え方をPNGで確認する。Confluence・GitHub・ローカルSVG previewで文字色、label、背景、埋め込み画像の見え方がずれる場合や、.drawio.svgをDesign Docに埋め込む前の確認で使用。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Cursor Agent CLI の Composer 2 系モデルへ実装作業を委譲し、push と Draft PR 作成までを detached な named tmux セッションで実行させる skill。Claude Code / Codex / Pi Agent から「Cursor Composer に任せたい」「別セッションで Cursor に実装させたい」「作業 branch で実装して Draft PR だけ作らせたい」ときに使う。PR description は委任元が作成し、Cursor には指定済み PR 本文ファイルを使わせる。merge、close、branch delete、force-push、amend、Jira やチケットへのコメントはさせない。
別の tmux ペイン（既定）または detached セッション（fallback）で Claude Code にタスクを委譲する。
Pi Agent へ実装作業を委譲し、push と Draft PR 作成までを tmux 右ペイン（既定）または detached セッション（fallback）で実行させる skill。Claude Code / Codex から「Pi Agent に任せたい」「別ペインで実装させたい」「作業 branch で実装して Draft PR だけ作らせたい」ときに使う。PR description は委任元が作成し、Pi Agent には指定済み PR 本文ファイルを使わせる。merge、close、branch delete、force-push、amend、Jira やチケットへのコメントはさせない。
一日の Claude Code / Codex / Pi agent / Cursor セッションをローカルセッションファイルから振り返り、設定・rules・skills・フック・運用を改善する。終業時の振り返り、session retro、daily AI review、Claude/Codex の設定見直し、rules 改善、プロンプト改善をしたい時に使用
Git管理外のファイルをcodex CLIでレビュー。「このファイルをcodexでレビュー」「設定ファイルをレビュー」時に使用
Git管理下のコードをcodex CLIでレビュー。「codexでレビュー」「PRをレビュー」「変更をレビュー」時に使用
| name | drawio-svg-preview |
| description | draw.io SVG内のembedded mxfileを抽出し、Confluence/diagrams.net相当の見え方をPNGで確認する。Confluence・GitHub・ローカルSVG previewで文字色、label、背景、埋め込み画像の見え方がずれる場合や、.drawio.svgをDesign Docに埋め込む前の確認で使用。 |
.drawio.svgは見た目用のSVG markupとは別に、content属性へdraw.ioのmxfileを埋め込める。Confluence/diagrams.net viewerはこのmxfileを再レンダリングすることがあり、rsvg-convertやブラウザ表示だけでは崩れを検出できない。
python3 ~/.claude/skills/drawio-svg-preview/scripts/preview_drawio_svg.py docs/architecture-diagram/example.drawio.svg
出力されたPNGを確認し、それをConfluence相当のpreviewとして扱う。
auto: Dockerが使えればDocker、使えなければローカルdraw.io CLIを使う。docker: rlespinasse/drawio-export:v4.51.0を使う。macOS/Linux/WindowsのDocker環境で動かすための標準経路。local: /Applications/draw.io.app/Contents/MacOS/draw.ioなど、ローカルのdraw.io Desktop CLIを直接使う。Docker Desktop/Rancher Desktopでは/tmpがvolume mountできないことがあるため、既定の一時ディレクトリは~/.cache/drawio-svg-preview/配下に作る。sandbox等で作成できない場合は現在の作業ディレクトリ配下へfallbackする。
fontColorやlabelBackgroundColorを直す。content属性のmxfile側が古い可能性がある。docker/Dockerfileは利用イメージを固定・明示するための薄い定義。通常はscriptの--docker-image既定値をそのまま使えばよい。