Webサービスのスクショ付きガイドブックをPlaywright + LLMで自動生成・更新できるようにした

こんにちは、コミューンでプロダクトマネージャーをしているひぐ(@zerebom_3)です。 Webサービスを多くの方に使っていただくには、わかりやすく網羅的なガイドブックが欠かせません。 (↑わかりやすく網羅的なガイドブックの皆様) しかし、ガイドブックを作り、メンテナンスし続けることには多くの労力がかかります。 そこで、ブラウザ自動操作ツールとLLMを使って、ガイドブックを自動生成できないか試してみました。 試してみると予想以上にうまくいき、下記のような「操作箇所のハイライトがあるスクショ付き」のガイドブックの生成・更新作業の大部分を自動化できるようになりました。 ガイドブックの一部 下記のように、人間が作成依頼と最終確認を行い、本文作成・画面操作・スクリーンショット撮影をAIに任せる仕組みです。 コードをClaude Codeに読ませる → ガイド本文を書く → 本文に必要な画面をPl

[yarumato]

“「操作箇所のハイライトがあるスクショ付き」のガイドブックの生成・更新作業の大部分を自動化できる。　注目してほしい箇所に番号付きの赤枠を重ねて、ガイド読者が「画面のどこを見ればよいのか」すぐに把握”