ドキュメント運用サービス「DocsAlot MCP」の30秒紹介動画
開発者向けのドキュメントをAIエージェントに保守させるサービス「DocsAlot MCP」の30秒の紹介動画です。リリースのたびに古くなるドキュメントを、CLIを入れて平文で頼むだけで更新し公開先へ出す流れを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
DocsAlot MCPとこの紹介動画
DocsAlotは、開発者向けのドキュメントとヘルプセンターをAIエージェントが読める形で公開し保守するサービスです。CLIとskillを入れるとClaude・Cursor・Codexにドキュメントの作成や更新を頼めます。同じ元からホストされたドキュメントとMCP、llms.txt、skill.mdを出します。
- 製品
- DocsAlot MCP（ドキュメント運用サービス）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- リリースのたびに紙がずれて「OUTDATED」の判子が押される様子で、コードに追いつかないドキュメントを表しました。
- インストールの1回と平文の頼み方を公式のセットアップ画面で囲み、Claude・Cursor・Codexの札から線をつなぎました。
- GitHubのドキュメントやAPIリファレンスがつながり、1つの元から4つの公開先へ出る画面を順に囲みました。
30秒の流れ
0〜3秒 ロゴマークと製品名に、ドキュメントの手順が古いという赤いエラー行が添えられます。
3〜7秒 紙が横へずれて「OUTDATED」が押され「Code ships. Docs drift.」と出ます。
7〜11秒 公式のセットアップ画面の3行を青でなぞり「Copy」を押します。
11〜14.5秒 プロンプトの行に寄って囲み、Claude・Cursor・Codexの札から線と点が流れます。
14.5〜17.5秒 つながった元の一覧で状態の行を順に囲みます。
17.5〜20秒 Hosted Docs・llms.txt・skill.md・Hosted MCPの公開先を囲みます。
20〜26秒 青い版が横切ってロゴと公式のドキュメント画面が出て「Agent-readable docs.」と示します。
26〜30秒 マークと製品名、インストールの1行、docsalot.devで締めます。
表現で工夫したこと
ドキュメントの製品なので、窓の外を方眼と左揃えの大きな見出し、区画番号で組むスイス・スタイルにしました。紙の地にサイトの青を特色として使い、エラーだけを赤にしています。書体はサイトと同じGeistとJetBrains Monoで、場面のつなぎは青い版が右から左へ横切るワイプにしました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る