見出し画像

[AppSheet] 続・続:アイデアや案を図で出してくれるアプリ

Claude3を加えてから、マインドマップを作らせると 「::icon(fa fa-info-circle)」のような出力が混じり、なんやねんコレと思ってました

風に吹かれて消えそうな煙のような好奇心で何とか調べると
Font Awesome というとこのアイコンまで、mermaidのマインドマップは使えるらしい。 そして、適切なアイコンの選択まで生成AI(Claude)はしてくれるよう

しかしながら、文法エラーのような状態で描画されない・・・
 ノードのテキストと同じ行に書かれる
 コロンやカッコが適当ぎみ
 Font Awesomeではないものまで混ぜてくる

これらのエラー要素を抑え込むプロンプトを研究

多くのアイコンを使ってイメージしやすくしてください
アイコンはFont Awesomeのものだけ使って下さい
次のアイコン記述例に従ってください
 ::icon(fa fa-xxx)
ノードのテキストとは別の行で記述してください

そしてできたのが 

コチラ


これで文字を読むのがチョットキライな方々へも見てもらいやすくなったのではないか