全体像が知りたいんだよォー！そんな時は図解スキルeli5が便利

AIを使った開発によってスピードが上がっているのは実感するものの、それと引き換えに 自分がちゃんと理解できなくてふわっとした部分 が増えてきました。
そんなとき、自分の理解が合っているか音声入力でバーっと喋ってAIとやりとりします。
他の人が書いたコードの機能の概要・ロジックなんかも同じです。

ただ、複雑すぎて「全体像を見たい！」「矢印とか使ってイイ感じな図を見たい！」と思うことがしばしば。

そんな時に図解のスキルeli5が便利なので紹介します。

## eli5とは

eli5は解説用スキルです。

「Explain any topic Like I’m 5（5歳児だと思って説明して）」というのが由来です。

### 実際に見てみる

見たほうが早いので実物を。

HTMLで適度に色を付けたりして見やすく整理してくれます。説明で使われる言葉も簡単です。

分かりやすいがゆえに分かったつもりで終わるのはよくないので、読んだ後に自分の言葉でまとめて「こういう理解であってますか」と聞いたり深堀りするのがよいと思います。

### 実際に使うときに投げているプロンプト

単に/eli5 〇〇について解説してだけで十分ですが、実際に筆者が投げているプロンプトも書いておきます。

opensrcで[ghostty](https://github.com/ghostty-org/ghostty)を取得して、その中の libghostty について どういう役割で、libghosttyがやってくれること・やってくれないことを eli5でHTMLにまとめてほしい
ファイルは .mywork/work-logs/ に置いて。既存のファイルのフォーマットは無視して。

opensrcは指定の場所にソースコードを落とすスキル兼ツールです。別の記事で解説しているので知らない人はどうぞ。
AIにコードを読ませるならopensrc！調査コードを一元管理

筆者の場合、置き場所として指定した .mywork/work-logs/ の中にMarkdownファイルがたくさんあります。それゆえにHTMLではなくMarkdownとして出力されてしまうことがあったため、HTML指定を明記してます。

以上、スキルの布教でした。

スキルの中身自体は短い ので、人によっては単にプロンプトのスニペットだけで足りるかも。
自分が試した範囲だとどれも分かりやすかったですが、「スナップショット」のことを「写真」と言ったりして微妙なこともたまにあるので、そういうのが気になる人は自作しましょう。

ソフトウェア開発をするモモンガ、無さそう。ちいかわにハマりすぎて冷蔵庫がちいかわたちのマグネットだらけです。