問い合わせ
便利な使い方
2026/8/14
Webディレクターやマーケティング担当のみなさま、LPなどの修正にAIを活用していますか?
本記事は、このようなことでお困りの方に向けた内容です。
AIにチェックを依頼したり、修正案や改善案の案出しをしてもらうと、最近はかなり的確なものが返ってきます。
例えば、「薬機法の視点から」「この商材を知らないユーザーの視点で」など、用途に合わせたプロンプトを通して修正指示のたたき台を作る方も少なくないのではないでしょうか。
これは数年前に弊社で作成したLPに対して、「もっと購買意欲が高まる修正案を検討して」と指示した結果、出来上がったもの(Claudeのアーティファクト/回答を1枚の資料にまとめたもの)です。

結構辛辣なものが返ってきました…。
構成は整理されていて、根拠も丁寧に書いてあるので読めば納得できます。このまま制作担当に渡せば修正してくれるでしょう。
しかし、これを修正指示として渡すのはちょっと不親切だと感じる方もいると思います。「読んで修正すべき場所を把握する」という手間が発生するからです。

受け取った人は、書かれた文章を手がかりに画面のどこを修正するのかを探すことになります。指摘が10個あれば、10回探さなければなりません。同じようなセクションがあると、誤解のもとになります。
指示側も、ページになった時のイメージがしづらいため、AIの回答をよく確かめないまま渡してしまいがちです。結果、余計なやりとりが増えてしまいます。
[senryu]そこで使っていただきたいのがAUNです![/senryu]
AUNならこのように一目瞭然の修正指示が作れます。

とはいえ、AIがサッと出した案を、手作業で1つ1つAUNに転記していくのは、正直面倒だと思います。
実は、そのAUN作成自体もAIにやってもらうことができるんです!
この動画はClaude CodeにAUN作成を依頼し、実際に作られているところです。(早回し)
Claude Codeで実際に作れるようにしてみたところ、つまずきやすいポイントがありましたので、うまくいくコツをまとめました。記事の最後に、そのまま使える SKILL.md の全文も置いておきます。
Claude Code(Anthropicのコーディングエージェント)
Claude for Chrome(ブラウザ操作用の拡張機能)
AUNのプレミアムアカウント(無料版でもOK。ただし後述の理由でプレミアムが快適)
今回はClaude Codeで対応しましたが、Claude(デスクトップアプリ/claude.ai)+ Claude for Chrome の組み合わせのように、いつもAUNを作っているブラウザの操作ができればどれでも大丈夫です。
AUNを作る際は、AIにブラウザを操作してもらう形になります。ここがポイントで、コツ1にもつながります。
ただ「AUNを作って」と頼むと、「このテキストを自分で貼り付けてください」と断られがちです。AIはAUNの操作方法を知らないので、当然といえば当然。
そこで、
この修正指示のAUNを、ブラウザ操作で作って
と一言添えると、実際に画面を見ながら操作して作ってくれるようになります。
(後述するスキルなどで一度認識させれば以降は自動でブラウザ操作で作れるようになります)
これはかなり大事です。
モデルにもよりますが、AIは放っておくとダラダラと長文でメモを書く傾向があります。背景の分析から始まって、根拠を3段落くらい説明して、最後にようやく改善案……という具合。
受け取った側は読むのに疲れて、結局どう直せばいいのかわからない状態になってしまいます。冒頭のアーティファクトと、たいして変わらなくなってしまうわけです。
なので、依頼時にこう添えます。
AUNの修正指示は端的に。1行目に「何をどう直すか」を命令形で書いて。1メモ5〜12行まで。
悪い例
このセクションは離脱率が高い可能性があります。というのも、ファーストビューで価格情報が提示されておらず、ユーザーは検討に必要な情報を得られないまま……(以下、長い分析)良い例(実際に記入されたテキスト)
ボタン文言に価格を入れる。
「BOOTHで購入する|10,000円(税込)」
サブ導線を2本追加。
・先にルールを読む(説明書PDF・無料)
・研修導入のご相談・複数セットのお見積り
※BOOTHは個人向けEC。請求書払いが必要な法人はここで離脱。最大の取りこぼし。
「なぜそうすべきか」が必要なら別の場所に書いたほうが良いです。
AUNは修正指示ツールであって、分析レポートではありません。理由の解説はチャット側に残してもらって、AUNには「何をどう直すか」だけを書いてもらうのがコツです。
自動で作ってくれるので、つい他の作業をしながら任せっぱなしにしてしまいます。
実は一度、他の作業を並行してやり過ぎてメモリ不足になり、作成の途中でブラウザがクラッシュしました。未保存だったため、作成中のデータがまるごと消えました。もちろんAIなので、同じことをもう一度してもらうことはできますが、時間もAIの使用量(トークン)もロスしてしまいました。
「AUNプレミアム」なら、作成中に保存ができるため、メモ追加を数回するたびに保存してもらうことができます。依頼時に、
2〜3メモごとに「保存」を押して
と伝えておけば、AIが自動で保存しながら進めてくれます。
ちょっと時間と手数が増えますが、無料版の場合も、「編集終了」で保存 → 再度編集、を繰り返すことで、こまめな保存が実現できます。
Claude Codeの仕組み上、プレミアムへのログインだけは自分で行う必要があります。
AIがログインページを開くところまではやってくれるので、ログイン情報を入力してログインボタンをクリックし、Claudeに「できたよ」と伝えてあげてください。
ここまでのコツを全部盛り込んだ SKILL.md です。
Claude Codeなら .claude/skills/aun-create/SKILL.md として保存すればすぐ使えます。(プレミアムにログインする仕組みなどを組み込んでいるので、必要に応じて書き換えてください)
保存したあとは、これだけで動きます。(それまでのやり取りで修正指示ができている前提)
この修正指示をAUNにまとめて
キャプチャ作成 → コメント貼り付け → 保存 まで、自動で進みます。
あなたが制作担当の場合もこの方法が役立ちます。
メールやチャットでつらつらと書かれた指示を読み解く代わりに、AIにAUNにまとめてもらえば、一目で修正箇所がわかるようになります。
AUNには、メモごとに「作業済」「確認済」をチェックできる進捗管理機能があるので、漏れなく作業を進めることができますよ!
AIの修正案は、AUNにまとめることで一気に伝わる修正指示に
そのAUN作成自体、AIに任せられる
コツは ①ブラウザ操作で頼む ②端的に書かせる ③こまめに保存
「AIに案を出してもらう」で終わらせず、AUNを活用して相手に渡せる見やすい形にするところもAIで自動化できます。
さらに、AUNならAIが読み取りやすいMarkdown形式(記号で見出しや箇条書きを表す書き方)で取得できるので、受け取った人もAIを活用しての修正作業がラクになります!
参考記事
AUN運営事務局
(株式会社フォノグラム)
AUNの開発&改善は、ノンストップで進行中です!
さらに便利を目指して参りますので、引き続きAUNをよろしくお願いいたします。
よろしければ開発ロードマップをご参考くださいね。
拡張機能で便利に
AUNライブキャプチャ
ページ全体や非公開ページも丸ごとキャプチャ
フォノグラムが提供するチーム向けサービス
あの依頼、今どうなってるの?を解消する
依頼管理ツール 『トコトン』
小さな見守りで強いチームに
組織活性化ツール『見守りさん』
AUNのセキュリティ

