mcpField
D
Director

Director

リモート
director.screenforge.coメディア・デザイン01 日前に更新
リポジトリ公式サイト

Director について

Directorは、Webアプリのドキュメントを作成するチーム向けのホスト型MCPサーバーです。自然言語の指示でナレーション付きデモを録画し、訪問したフローをマップ化して、スクリーンショット付きヘルプ記事にできます。

主な機能

  1. 01ブラウザーでナレーション付きデモを録画
  2. 02製品フローのマッピング
  3. 03スクリーンショット付きヘルプ記事の作成
  4. 04デモと記事の管理

活用シーン

  1. 01アプリ機能の操作デモを録画
  2. 02発見したフローからヘルプ記事を作成
  3. 03デモ録画と記事公開を管理

MCP 対応

Directorは、デモ、アプリ環境、製品フロー、ヘルプ記事を作成・管理するツールをMCPクライアントに提供します。Streamable HTTPで接続し、OAuthまたはAPIキーを利用できます。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://api.director.screenforge.co/api/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

すべてのエンドポイント
Streamable HTTPhttps://api.director.screenforge.co/api/mcp認証が必要

ツール

詳細

Director MCP サーバー

Director は、1 文の指示からウェブアプリのナレーション付き製品デモ動画を記録し、その過程で作成した製品マップをヘルプセンターの記事に変換します。

このリポジトリでは、Director のホスト型 MCP サーバーについて説明します。サーバーは https://api.director.screenforge.co/api/mcp で実行されており、ローカルにインストールしたり実行したりする必要はありません。

できること

Director に URL と「チームメイトを招待する方法を見せて」などの指示を伝えてください。Director はアプリ内を実際のブラウザーで操作して記録し、ナレーションを作成して読み上げ、仕上がりの良い動画を返します。作業中に、たどったページやワークフローをマッピングします。これらのワークフローを使って、スクリーンショット付きの手順形式のヘルプ記事を作成できます。

設定

このサーバーは Streamable HTTP を使用します。OAuth でサインインするか(初回はクライアントがブラウザーを開きます)、X-API-Key ヘッダーで app.director.screenforge.co の Director API キーを送信してください。

VS Code / GitHub Copilot(.vscode/mcp.json):

{
  "servers": {
    "director": {
      "type": "http",
      "url": "https://api.director.screenforge.co/api/mcp"
    }
  }
}

OAuth の代わりに API キーを使用する場合:

{
  "inputs": [
    {
      "type": "promptString",
      "id": "director-api-key",
      "description": "Director API key",
      "password": true
    }
  ],
  "servers": {
    "director": {
      "type": "http",
      "url": "https://api.director.screenforge.co/api/mcp",
      "headers": { "X-API-Key": "${input:director-api-key}" }
    }
  }
}

Claude Code:

claude mcp add --transport http director https://api.director.screenforge.co/api/mcp

その他の MCP クライアント:上記の URL を使用して、リモート(Streamable HTTP)サーバーを追加してください。

使い方

アシスタントに、たとえば次のように自然な言葉で依頼します。

  • 「app.example.com でプロジェクトの作成方法を紹介するデモを記録してください。」
  • 「デモはもう完成しましたか?動画のリンクを送ってください。」
  • 「Director が app.example.com で見つけたワークフローを一覧表示して、請求に関するもののヘルプ記事を作成してください。」
  • 「その記事を公開してください。」

自分が所有していないサイトを記録するには、そのサイトのデモを行う権限があることの確認、または認証済みドメインが必要です。ログインが必要なアプリでは、サインイン情報を保存した環境を使用するため、チャットにパスワードを貼り付ける必要はありません。

ツール

デモ:create_demo、wait_for_demo、get_demo_status、get_demo_transcript、answer_demo_question、cancel_demo、list_demos

環境(ログイン済みのアプリ):create_environment、get_environment、update_environment、list_environments、verify_environment、create_login_code、delete_session

ドメイン:list_domains、attest_domain、start_domain_verification、check_domain_verification

製品マップ:list_graph_flows、get_graph_flow、reverify_flow

ヘルプ記事:list_articles、get_article、create_article_from_flow、create_article、update_article、regenerate_article、publish_article、unpublish_article、resync_article、delete_article、list_article_categories、create_article_category、create_article_section

記録プリセット:list_recording_presets、create_recording_preset、update_recording_preset

インテグレーション:list_integrations

すべてのツールには読み取り専用または破壊的操作の注釈が付いているため、変更を行う前にクライアントが確認できます。

サポート

[email protected] までメールでお問い合わせください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。