Claude Codeにリポジトリを1枚のワークフロー図にしてもらうプロンプト

新しいリポジトリに入ったとき、コードを読む前に 全体像を1枚絵で見たい ことがあります。 そこで、Claude Code に「リポジトリを読んで1枚のワークフロー図にして」と頼むプロンプトを作ってみました。 できあがるもの 対象ディレクトリを渡すと、flows.json と workflows.html の2ファイルが出ます。外部ライブラリゼロ、ダブルクリックで開けます。 左でフローを選ぶと関連エッジだけが点灯し、下の注釈で番号をクリックすると該当ステップが派手に光ります。 ちょっとした工夫 書いてみてわかったのは、AIに図を描かせるときは「やるべきこと」より 「やってはいけないこと」を書くほうが効く ということです。 たとえば、 バッジを Node の下のレイヤーに置くと、ホバーが Node に奪われて番号が反応しなくなる 往復エッジを lane offset 無しで描くと、同じ曲線に重

[hoxo_m]

いいですね。似たサービスに https://deepwiki.com/ もあります。

[NetPenguin]

便利そう。後日試す。

[swdrsker]

いいねこれ

[nguyen-oi]

「やってはいけないこと」を明文化するの、AIへの指示出しの基本だけど徹底されてて参考になる。素のSVGで完結させるの執念を感じるわ

[simplememofast]

AIへの指示は『禁則』を明文化する方が効くという観察に同意。これはタスク分解全般に効く原則で、ToDoの粒度設計でも『やらないこと』の列が品質を底上げする