Website Screenshot (Ctrio Lab)

Name: Website Screenshot (Ctrio Lab)
Author: ctriolab.com

作者：ctriolab.comバージョン 0.1.0i★ –iクラウドで動く

レジストリ名com.ctriolab/website-screenshot

インストール方法

What it does

Full-page, viewport or mobile screenshots of many web pages via Apify, as PNG or JPEG.

Connects クラウドで動く
Account or key Needs Authorization
Category ウェブ・ブラウザ

インストール

使っているAIアプリを選んで、設定をコピーしてください。

チェック 2/3 合格 · 質問内容は提供元のサーバー（mcp.apify.com）を通ります · ✓ コマンド確認済み 2026年11月13日

まず：どの AI を使っていますか？

ClaudeWeb · アプリ · スマホChatGPTWebClaude CodeターミナルCursorコードエディタVS Codeコードエディタその他その他のアプリ

使っているアプリを選ぶと、下に手順が表示されます。

Claude につなげます · 約 5 分

Website Screenshot (Ctrio Lab) のキーが必要です（提供元のサイトで作成） · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー（Owner）が追加

Website Screenshot (Ctrio Lab) に登録してキーを作る
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
Website Screenshot (Ctrio Lab) のサイトを開く ↗
完了
Claude の Connectors ページを開く
CustomizeConnectors
完了
「Add」→「Custom」→「Web」を押し、この 2 つを入力
ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します
Name · 名前Website Screenshot (Ctrio Lab)
Remote MCP server URL · アドレスhttps://mcp.apify.com?tools=ctriolab/website-screenshot
Request headers に、この名前と値を追加
ヘッダー名Authorization
値Bearer <ここにキーを貼り付け>
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
Claude が検出したサインイン設定の画面で Continue を押す · Authentication は作者の説明どおり（Sign in now・Sign in when needed・No sign in）を選び Add を押します
完了
チャットで有効にする
+ConnectorsWebsite Screenshot (Ctrio Lab)
完了
試してみる
Website Screenshot (Ctrio Lab) を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude が Website Screenshot (Ctrio Lab) を使っていると言うか、回答に Website Screenshot (Ctrio Lab) のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

ChatGPT はまだ Website Screenshot (Ctrio Lab) につなげません

Website Screenshot (Ctrio Lab) は接続時に自分のキーが必要ですが、OpenAI のヘルプページは OAuth ログインしか説明しておらず、確認できたキー入力方法がありません

代わりにできること

A · Website Screenshot (Ctrio Lab) につなげるアプリを使う

Claude の手順 →Website Screenshot (Ctrio Lab) のキーが必要です（提供元のサイトで作成） · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー（Owner）が追加
Claude Code の手順 →Website Screenshot (Ctrio Lab) のキーが必要です（提供元のサイトで作成）
Cursor の手順 →Website Screenshot (Ctrio Lab) のキーが必要です（提供元のサイトで作成）
VS Code の手順 →Website Screenshot (Ctrio Lab) のキーが必要です（提供元のサイトで作成）

B · ウェブ・ブラウザの中で ChatGPT につなげる別のサーバー

同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました

Firecrawl MCP Server✓ ChatGPT
webclaw✓ ChatGPT
Oxylabs MCP✓ ChatGPT

Claude Code につなげます · 約 5 分

Website Screenshot (Ctrio Lab) のキーが必要です（提供元のサイトで作成）

Website Screenshot (Ctrio Lab) に登録してキーを作る
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
Website Screenshot (Ctrio Lab) のサイトを開く ↗
完了
ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く
完了
3
このコマンドを貼り付けて Enter
```
claude mcp add --transport http --scope user website-screenshot 'https://mcp.apify.com?tools=ctriolab/website-screenshot' --header 'Authorization: Bearer your-value'
```
Enter の前に「your-value」を自分のキーに書き換えてください
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
完了
Claude Code で /mcp と入力
Website Screenshot (Ctrio Lab) が一覧にあり、接続済みと表示されれば OK です
完了
試してみる
Website Screenshot (Ctrio Lab) を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude Code が Website Screenshot (Ctrio Lab) を使っていると言うか、回答に Website Screenshot (Ctrio Lab) のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Cursor につなげます · 約 5 分

Website Screenshot (Ctrio Lab) のキーが必要です（提供元のサイトで作成）

Website Screenshot (Ctrio Lab) に登録してキーを作る
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
Website Screenshot (Ctrio Lab) のサイトを開く ↗
完了
このボタンで Cursor を開く
Cursor で開く
Cursor がインストールの確認をするので Install を押します
完了
キーを入力
Website Screenshot (Ctrio Lab) の設定で Authorization が空です。自分のキーを入れて保存します
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
完了
Cursor の AI チャットを Agent モードで開く
完了
試してみる
Website Screenshot (Ctrio Lab) を使って、私に何ができるか教えて、1 つやってみせて
✓ Cursor が Website Screenshot (Ctrio Lab) を使っていると言うか、回答に Website Screenshot (Ctrio Lab) のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

VS Code につなげます · 約 5 分

Website Screenshot (Ctrio Lab) のキーが必要です（提供元のサイトで作成）

Website Screenshot (Ctrio Lab) に登録してキーを作る
提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。
Website Screenshot (Ctrio Lab) のサイトを開く ↗
完了
このボタンで VS Code を開く
VS Code で開く
VS Code がインストールの確認をするので Install を押します
完了
キーを入力
Website Screenshot (Ctrio Lab) の設定で Authorization が空です。自分のキーを入れて保存します
キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください
完了
VS Code の AI チャットを Agent モードで開く
完了
試してみる
Website Screenshot (Ctrio Lab) を使って、私に何ができるか教えて、1 つやってみせて
✓ VS Code が Website Screenshot (Ctrio Lab) を使っていると言うか、回答に Website Screenshot (Ctrio Lab) のツール名が出れば接続成功です

メニュー名は 2026年11月11日に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください

MCP を使えるアプリをすべて見る →

Web 経由でつなぐアプリ用のアドレス

アドレスhttps://mcp.apify.com?tools=ctriolab/website-screenshot

JSON 設定は下の「開発者向け」にあります

つまずいたら？Website Screenshot (Ctrio Lab) を使っている人に聞いてみましょう💬 ディスカッション →

開発者向け：ターミナルのコマンドと JSON 設定

Web 経由

Claude Code

claude mcp add --transport http --scope user website-screenshot 'https://mcp.apify.com?tools=ctriolab/website-screenshot' --header 'Authorization: Bearer your-value'

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "website-screenshot": {
      "url": "https://mcp.apify.com?tools=ctriolab/website-screenshot",
      "headers": {
        "Authorization": "Bearer your-value"
      }
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "website-screenshot": {
      "type": "http",
      "url": "https://mcp.apify.com?tools=ctriolab/website-screenshot",
      "headers": {
        "Authorization": "Bearer your-value"
      }
    }
  }
}

自分で入力する値

Authorization 秘密 HTTP header
Bearer followed by your own Apify API token. Runs are billed to your Apify account (pay per result). Clients with OAuth support can sign in to Apify instead.

説明は英語の原文のままです。

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。