Claude Codeでつくる事例記事制作Agent

Transcript

1. © LayerX Inc. Claude Codeでつくる事例記事制作Agent 2026/02/05 AI-Ops Community vol.2 登壇資料 株式会社LayerX グロースマーケティング部 池⽥⼩百合（koyurin）
2. ⽬次 Agenda • ⾃⼰紹介 • Claude Codeで事例記事制作Agentを作る • おまけ）ホワイトペーパー企画もラクに
3. 3 © LayerX Inc. 「すべての経済活動を、デジタル化する。」をミッションに、AI SaaSとAI DXの事業を展開 事業紹介 バクラク事業 企業活動のインフラとなる業務を 効率化するクラウドサービス Fintech事業 ソフトウェアを駆使したアセットマネジ メント‧証券事業を合弁会社にて展開 Ai Workforce事業 社内のナレッジやノウハウをデータ ベース化するAIプラットフォーム AI SaaSドメイン AI DXドメイン
4. 4 © LayerX Inc. ⾃⼰紹介 新卒でリース会社の法⼈営業を経験後、複数のSaaS‧Web系企業で カスタマーサクセスとして導⼊⽀援‧エクスパンションに従事。 2021年に株式会社LayerXにカスタマーサクセスとして⼊社。 導⼊活⽤⽀援→カスタマーセールス→カスタマーマーケティングと 徐々にロールを変えた後、2024年5⽉からマーケティング部⾨に異 動し、新規顧客獲得のためのCRM‧ナーチャリングを担当中。 趣味は読書とスプラトゥーン3。 池⽥⼩百合 | koyurin :@ @sayurii_cs
5. Claude Codeで事例記事制作をラクに
6. © LayerX Inc. 6 前提 ⾃社で使いやすいもので試してみてください。 （私はプライベートではGeminiだけ課⾦しているのでAntigravity派です） Claude CodeでもCursorでもAntigravityでもどれでもできる！
7. © LayerX Inc. 7 Before ▪これまで コンテンツチームが作成してくれていたGemに⼊⼒‧アップロードする形で以下を⾏っていた AI活⽤はしていたが、⼯程の多さからくるお困りごとも
8. © LayerX Inc. 8 Before • Gemを探す⼿間 便利なGemが増えるたびにブックマークが増加し、毎回⽬的のものを探して起動するのが⼤変 • サンプル記事の⽂字制限 アウトプット例として既存の記事をいくつか読み込ませたいが、 複数記事をプロンプトに⼊れると⽂字制限に引っかかってしまう • 修正履歴の不透明さ 何回か記事に対してchatで修正を⾏った場合どこが修正されたかbefore/afterがわかりづらい • ブラックボックス化 Gemの共有設定がされないとプロンプト作成ができないので、 どういうポイントをもとに作成されているのかわかりづらい AI活⽤はしていたが、⼯程の多さからくるお困りごとも
9. © LayerX Inc. 9 実際にやってみよう skills: フォルダ毎にAgentが作成されている ┗ case-article ：事例作成Agentのフォルダ  ┗ examples：サンプルとして使⽤したい         ⾃社の事例記事を何個でも⼊れ込む        （.md形式でスクレイピングさせると便利）  ┗ templates：記事のテンプレ        （exampleの記事から作成させるとラク）  ┗ SKILL.md：ここに元のGemのプロンプトを         加⼯したものを⼊れる        （加⼯もClaude Codeにお願いするとラク） ディレクトリ構造 サンプル記事たち
10. © LayerX Inc. 10 実際にやってみよう 社内のマニュアルを転⽤できる！SKILLSファイルの作り⽅ [@Gemのプロンプト集をまとめたファイル] このプロンプトは以下の5段階に分かれ ています。ひとつにまとめてskillsフォルダ内にエージェントを作成してください。 - step1_planning.md：インタビュー前の社内すり合わせ⽤の企画書と、顧客向け 質問票を作成する。 - step2_transcription.md：インタビューの⽂字起こしを、内容を削らずに整⽂す る。 - step3_writing.md：⽂字起こしをもとに、⾼品質な記事を作成する - step4_review.md：作成した記事を編集者としてレビューする - step5_article-title.md：記事タイトル候補を作成する
11. © LayerX Inc. 11 実際にやってみよう 社内のマニュアルを転⽤できる！rulesファイルの作り⽅ [@Gemのプロンプト集をまとめたファイル] このプロンプトは以下の5段階に分かれ ています。ひとつにまとめてskillsフォルダ内にエージェントを作成してください。 - step1_planning.md：インタビュー前の社内すり合わせ⽤の企画書と、顧客向け 質問票を作成する。 - step2_transcription.md：インタビューの⽂字起こしを、内容を削らずに整⽂す る。 - step3_writing.md：⽂字起こしをもとに、⾼品質な記事を作成する - step4_review.md：作成した記事を編集者としてレビューする - step5_article-title.md：記事タイトル候補を作成する 社内の制作マニュアルを ひとつのドキュメントにまとめて、 プロンプト内で指⽰すればOK！
12. © LayerX Inc. 12 実際にやってみよう • 右画⾯のチャットで修正点を⾒ながら、エディタで内容を確認できる • 変更点がわかりやすい。全部⾃動修正するのではなく、⾃分がOKと思ったところだけ変更を反 映できる。 demo: 記事初稿の修正案出し＆記事の修正 /case- article この記事をルールをもとにレビューして、かつ記事も修正し てください。 プロンプト
13. © LayerX Inc. 13 After Cursor移⾏によるメリット
14. おまけ ホワイトペーパー企画もラクに
15. © LayerX Inc. 15 実際にやってみよう ディレクトリ構造 skills: フォルダ毎にAgentが作成されている ┗ case-article ：ホワイトペーパーAgentのフォルダ  ┗ examples：サンプルとして使⽤したい         ⾃社の既存記事を何個でも⼊れ込む        （.md形式でスクレイピングさせると便利）  ┗ templates：記事のテンプレ        （exampleの記事から作成させるとラク）  ┗ SKILL.md：ここに元のマニュアル/プロンプトを         加⼯したものを⼊れる        （加⼯もClaude Codeにお願いするとラク） サンプル記事たち
16. © LayerX Inc. 16 実際にやってみよう • ホワイトペーパーの企画書の⾻⼦に合わせて、チャットで質問が来るのでそれに答えればOK！ 1. 対象読者の定義 2. 訴求の仮説 3. As-Is（現状）の整理 4. To-Be（理想）の整理 5. 検証したいこと 6. 対象プロダクト demo: ホワイトペーパー企画書の作成 /whitepaper 新しいホワイトペーパーを作成したいです プロンプト
17. © LayerX Inc. 17 実際にやってみよう 社内のマニュアルを転⽤できる！rulesファイル作成プロンプト [ホワイトペーパー作成マニュアル] この内容を転⽤して、skillsフォルダ内にエージェ ントを作成してください。 [サンプルpdfのフォルダパス]はskills内にexamplesフォルダを作成して、その中に格 納してください。 また、examples内のファイルをもとにテンプレートファイルをマークダウン形式で 作成して、templatesファイルを作成してその中に補完してください。
18. © LayerX Inc. 18 参考記事 ディレクトリやマニュアルの作成についてはこちらの記事を参考にしました！ 既存のプロンプトがない⼈も、これを真似するだけでばっちりできます。 Special Thanks 「Antigravity」を活⽤して、BtoBマーケの ワークフローを"開発"するように型化する⽅法 https://cloudfit.co.jp/blog/antigravity-workflow
19. 19 © LayerX Inc. 採⽤してます！＆マーケAI友達もほしいです！ Xに登壇資料をのちほどアップしますのでよかったらご覧ください We’re Hiring! @sayurii_cs Opendoor