mcpField
D
drawio-flowchart

drawio-flowchart

github.com/full-stack-skillsデザイン・UI0105 回インストール4 週間前に更新
リポジトリ

drawio-flowchart について

draw.io でフローチャート、スイムレーン図、業務プロセス図を作成するスキルです。図形やレイアウトの選択、ファイル共有、完成図のエクスポートを扱います。

主な機能

  1. 01フローチャートとスイムレーン図の作成
  2. 02図形とコネクターの配置
  3. 03Confluence、Google Drive、.drawio への保存
  4. 04PNG、SVG、PDF へのエクスポート

活用シーン

  1. 01業務プロセスの可視化
  2. 02ワークフローのスイムレーン図作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/full-stack-skills/drawio-skills --skill drawio-flowchart

インストール後、Claude Code で/drawio-flowchartを入力して読み込まれたか確認します。

同梱ファイルagents/openai.yamlLICENSE.txt

詳細

このスキルを使用するタイミング

ユーザーが次のことを希望する場合は、いつでもこのスキルを使用します。

  • Draw.io でフローチャート、スイムレーン図、業務フロー図を作成する
  • 図形、接続、レイアウト、エクスポート（PNG/SVG/PDF）

このスキルの使用方法

  1. 操作：フローチャートのテンプレートまたは空白のキャンバスを選択します。図形ライブラリ（プロセス、判断、開始・終了）を使い、接続と自動レイアウトを行います。
  2. コラボレーション：Confluence、Google Drive、または .drawio ファイルに保存します。バージョン管理とレビューを行います。
  3. 納品：高解像度の図をエクスポートします。凡例と説明を完備します。

ベストプラクティス

  • フローの方向と記号を統一し、図ごとにテーマを 1 つにして、詰め込みすぎないようにします。
  • 名前と凡例を明確にし、ドキュメントや規範に合わせて更新します。

キーワード

draw.io, フローチャート, スイムレーン図, diagrams.net

コメント

Markdown 対応