【AI駆動開発】AIに「図を描いて」と頼むと“それっぽいけど使えない図”が出てくる問題を、draw.io生成スキルで倒した - Qiita

はじめに 受託開発やSESの現場にいると、とにかく「図」を作る場面が多いんですよね。 業務フロー図、システム構成図、ER図、シーケンス図、画面遷移図、体制図、CI/CDパイプライン……。設計書のページをめくるたびに図、図、図。しかもこれ、お客様に出す資料だったりするので、雑には作れません。 「じゃあAIに描かせればいいじゃん」と思うじゃないですか。僕もそう思ってました。 でも実際に ChatGPT や Claude に「この仕様から業務フロー図を描いて」と投げると、出てくるのは—— ✅ それっぽい ❌ でも、使えない という微妙なシロモノ。色はバラバラ、凡例はない、矢印の向きはおかしい、スコープも書いてない。結局レビューで毎回同じ指摘をして、自分で描き直す羽目になる。これ、AI駆動開発で一番「任せられそうで任せられない」領域が“図”だったんです。 そこで、「図のお作法」をまるごとスキルに閉

[lenore]

ある程度余白を犠牲にした密度の高い図をdraw.ioで描いてもらうにはどうすれば

[taruhachi]

draw.ioで描かせるから変になるんであって最初からmermaidとかの記法で描かせれば正しく描いてくれそう。

[algot]

こういうプロンプトのテンプレを作る業者も出てくるかも

[IGA-OS]

スキル使わせてもらう

[toaruR]

え、これ良いじゃん(・ω・) MermaidとかPlantUMLとかも欲しい

[GonzalezTanaka]

うんちみたいなネットワーク論理図出してくる大手の人増えたよね

[versatile]

わかる。アトラシアンつかってると draw.io の XML よくつくるからな

[vesikukka]

PlantUMLも良いぞ

[nguyen-oi]

お作法をルール化してClaude Codeに叩き込むの賢い。draw.ioのXML直接吐かせるアプローチは色々と応用効きそうだな