Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
作者による説明(英語の原文)
Capture website screenshots in AI agents. Full-page, dark mode, mobile, OG images, base64.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
SCREENSHOTRUN_API_KEY必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"screenshotrun": {
"command": "npx",
"args": [
"-y",
"screenshotrun-mcp"
],
"env": {
"SCREENSHOTRUN_API_KEY": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add screenshotrun --env SCREENSHOTRUN_API_KEY=your-value -- npx -y screenshotrun-mcp動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"screenshotrun": {
"command": "npx",
"args": [
"-y",
"screenshotrun-mcp"
],
"env": {
"SCREENSHOTRUN_API_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"screenshotrun": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"screenshotrun-mcp"
],
"env": {
"SCREENSHOTRUN_API_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント webmox で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:SCREENSHOTRUN_API_KEY
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(1.0.3)がレジストリに届いたのは15 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Spec Driven Development, Remote Desktop Commander, Dialyne
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Real phone calls in France for AI agents: dial +33 numbers, menus, hold, AI disclosure.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Give your AI agent the ability to see any webpage. MCP server for ScreenshotRun Screenshot API.
prefers-color-scheme: darkSign up for a free API key at screenshotrun.com.
Add to your Claude Desktop config (~/Library/Application Support/Claude/claude_desktop_config.json on macOS, %APPDATA%\Claude\claude_desktop_config.json on Windows):
{
"mcpServers": { "screenshotrun": { "command": "npx", "args": ["-y", "screenshotrun-mcp"], "env": { "SCREENSHOTRUN_API_KEY": "sr_live_your_key_here" } } } }
claude mcp add screenshotrun \
npx -y screenshotrun-mcp \ -e SCREENSHOTRUN_API_KEY=sr_live_your_key_here
Add to .cursor/mcp.json in your project:
{
"mcpServers": { "screenshotrun": { "command": "npx", "args": ["-y", "screenshotrun-mcp"], "env": { "SCREENSHOTRUN_API_KEY": "sr_live_your_key_here" } } } }
Add to your Windsurf MCP configuration with the same npx -y screenshotrun-mcp command and set the SCREENSHOTRUN_API_KEY environment variable.
take_screenshotCapture a screenshot of any webpage. Returns the image as base64-encoded data that AI agents can analyze and describe.
| Parameter | Type | Default | Description | |||
|---|---|---|---|---|---|---|
url | string | *required* | URL to screenshot (must include http:// or https://) | |||
format | png \ | jpeg \ | webp \ | pdf | png | Output image format |
width | number | 1280 | Viewport width in pixels (320–3840) | |||
height | number | 800 | Viewport height in pixels (200–2160) | |||
full_page | boolean | false | Capture the entire scrollable page | |||
quality | number | 80 | Image quality for JPEG/WebP (1–100) | |||
device | desktop \ | mobile \ | tablet | — | Device preset (overrides width/height with device defaults) | |
dark_mode | boolean | false | Enable dark mode rendering | |||
block_ads | boolean | false | Block advertisements during capture | |||
block_cookies | boolean | true | Block cookie consent dialogs | |||
delay | number | 0 | Delay in seconds after page load before capturing (0–10) | |||
retina | boolean | false | Capture at 2x resolution | |||
css | string | — | Custom CSS to inject into the page (max 10KB) | |||
js | string | — | Custom JavaScript to execute before capture (max 10KB) | |||
selector | string | — | CSS selector to capture a specific element | |||
hide_selectors | string[] | — | CSS selectors of elements to hide before capture | |||
click_selector | string | — | CSS selector of element to click before capture | |||
scroll_to | string | — | CSS selector of element to scroll into view |
check_usageCheck your ScreenshotRun API usage for the current billing period. Returns screenshots used, remaining quota, usage percentage, and days remaining.
No parameters required.
take_screenshot tool with the URL and optionsMIT