demovela

Demovela MCP

実際のワークフローに基づく製品デモとマーケティング動画。

Demovela は、創業者やプロダクトマーケターが製品の実際の動作を紹介できるよう支援します。対応している製品の URL から始めると、動画エージェントがワークフローを調査し、デスクトップとモバイルの実際の映像を撮影して、デモやマーケティング用の編集動画を作成します。出力ライブラリを確認し、チャットで次の編集を指示できます。また、元の録画は後から別バージョンを作成するために保持されます。

Web サイト · MCP リポジトリ · エージェントスキル · npm パッケージ

このコネクターの機能

このパッケージは、ローカルの stdio MCP クライアントをホスト型の Demovela MCP サーバーに接続します。ホスト型ツールは Cloudflare 上で実行され、ローカルパッケージが接続を仲介して、ブラウザー経由の OAuth を開始します。Worker をデプロイしたり、製品のパスワードをアシスタントに貼り付けたりする必要はありません。

ツール	機能
get_profile	サインイン済みアカウントのコンテキストを読み取ります。
list_templates	ブリーフで利用できるテンプレートを確認します。
list_videos	既存の所有済み出力と保存済みドラフトを確認します。
get_video	既存の動画またはドラフトのレコードを読み取ります。
get_video_status	レンダリングを開始せずに、保存済みのステータスを確認します。
create_video_draft	タイトル、ブリーフ、選択したテンプレートを、確認用のドラフト会話として保存します。

この MCP は既存の作業を確認し、ブリーフを保存します。ブラウザーのセッションを録画したり、動画をレンダリングしたり、メディアを生成したり、クレジットを消費したりすることはありません。ドラフトは完成した動画ではありません。現在、製品の録画プレビューが対応している製品は限られています。開始前にプレビューの対象範囲を確認してください。ダウンロードリンクを開くには、製品へのサインインが必要な場合があります。

ワークフローの例

1. 既存の出力と利用可能なテンプレートを確認します。
2. 対象ユーザー、役立つワークフローを 1 つ、フック、意図する形式を含めたブリーフを作成します。
3. 指定したブリーフをドラフトとして保存し、返された Demovela リンクを開いて確認し、スタジオで続きを進めます。

アシスタントへの依頼例

最新の製品デモを探して、保存済みのステータスと開く場所を教えてください。

新規ユーザー向けのモバイルデモのブリーフ作成を手伝ってください。テンプレートを勧める前に、利用可能なテンプレートを確認してください。

承認済みのローンチ動画のブリーフをドラフトとして保存してください。確認用リンクを返してください。録画やレンダリングは開始しないでください。

リモート MCP クライアントへの接続

1. クライアントのカスタム MCP またはコネクターの設定を開きます。
2. リモートサーバーの URL として https://mcp.demovela.com/mcp を入力します。
3. ブラウザーで Demovela にサインインし、同意画面で権限を確認します。
4. クライアントに戻り、利用可能なツールを読み込みます。

Streamable HTTP MCP と OAuth に対応したクライアントを使用してください。カスタムコネクターが利用できるかどうかは、クライアントとアカウントによって異なります。リポジトリが公開されていたり、npm リリースが提供されていたりしても、クライアントのマーケットプレイスで連携が承認されているとは限りません。

Claude Desktop とその他の stdio クライアント

Node.js 22 以降と既存の Demovela アカウントが必要です。次のエントリーをクライアントの MCP 設定に追加します。

{
  "mcpServers": {
    "demovela": {
      "command": "npx",
      "args": [
        "-y",
        "demovela-mcp"
      ]
    }
  }
}

ターミナルから npx -y demovela-mcp を実行してブリッジを起動することもできます。このブリッジは stdio 経由で MCP を使用します。対話型のチャットインターフェースではありません。MCPB 拡張機能に対応したデスクトップクライアントでは、Demovela のリリースから .mcpb ファイルをダウンロードしてください。

権限とアカウントアクセス

要求されるスコープ：profile:read videos:read drafts:write。以前のプロフィール専用の接続では、再接続して追加の権限を明示的に承認するまで、コンテンツツールを利用できません。

自分で開始した接続のみ承認してください。サインイン時に新しいタブが開いた場合は、手続きを完了してから同意画面に戻り、更新してください。接続済みアプリの管理または取り消し。

このパッケージでは、OAuth、PKCE、ローカルでのトークン保存に、バージョンが固定された mcp-remote を使用します。コンピューター上のトークンは認証情報です。このコネクターは上記の固定エンドポイントを使用し、コマンドラインからのエンドポイントの上書きを拒否します。このパッケージは、製品のパスワードや基盤となるプロバイダーの認証情報を要求しません。

ドラフト作成の再試行

新しいドラフトを作成するたびに、新しい UUID requestId を使用してください。応答が不確かな場合に、同一のリクエストを再試行するときに限り、同じ ID を再利用してください。概要やスライドデッキを変更した場合は、新しいリクエストになります。保存されたドラフト ID とレビュー用リンクを返し、保存済みのドラフトをレンダリング済みまたは公開済みのコンテンツとして説明しないでください。

トラブルシューティング

• ツールが表示されない、または権限が不足している： ブラウザーで同意手続きを行って再接続し、選択したアカウントを確認してください。
• リストが空である： アカウントが対象のアイテムを所有していることを確認してください。結果が空であることと、リクエストが失敗したことは異なります。
• リンクからサインインを求められる： 所有者の製品アカウントで開いてください。製品の非公開リンクは、公開共有リンクではありません。
• ブラウザーで認証がブロックされる： ブラウザーに表示されたエラーを確認し、クライアントから期限切れのリクエストを再開してください。問題報告で Cookie やトークンを送信しないでください。

コンパニオンスキルを追加する

Demovela エージェントスキルでは、適切なレコードの選び方、結果の解釈方法、ワークフローの制限を守る方法を説明しています。

npx skills add demovela/agent-skill

Demovela について詳しく知る

• AI 製品デモ用ワークスペース
• 実際の製品動画の例
• 現在の録画プレビューの対象範囲
• 動画テンプレート
• 製品デモガイド
• 動画計画ツール

開発とサポート

npm ci
npm test
npm run bundle

コネクターの問題を報告する際は、使用しているクライアント、Node.js のバージョン、機密情報を伏せたエラーを記載してください。リリース時には、package.json、manifest.json、server/config.json、server.json、ロックファイルのバージョンを一致させてください。GitHub Actions で、バージョン付きの npm パッケージと MCPB アセットを公開しています。MIT ライセンスについてはLICENSEをご覧ください。