概要
draw.ioがClaude Code向けの「Draw.io Skill」を公開し、AIとの対話のみで編集可能な.drawioファイルの直接生成や画像への出力が可能になった。
詳細内容
draw.io（jgraph）は、AnthropicのコマンドラインAIエージェント「Claude Code」で利用可能な専用スキル「Draw.io Skill」を公開しました。このスキルを導入することで、MCPサーバーを別途立ち上げることなく、Claude Codeの標準ツール（Bash/Write）のみでネイティブの.drawio形式（mxGraphModel XML）を直接生成できるようになります。
主な特徴は、Mermaidなどの他形式からの変換ではなく、Claudeが直接エディタで編集可能なXMLを生成する点にあります。また、draw.io DesktopのCLIと連携することで、生成した図面をPNG、SVG、PDF形式へ出力することも可能です。出力ファイルには図面のソースXMLが埋め込まれるため、後からdraw.ioで開いて再編集できる利便性を備えています。
あわせて、チャット内で図面をプレビューできる「MCP App Server」や、ブラウザ版Claude.aiのProjectsで利用可能な「Project Instructions」も提供されており、CLIからブラウザまで幅広い環境での図面作成ワークフローが強化されました。