Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Record a real browser page and cut it into a publishable vertical video. Local, no cloud.
使っているAIアプリを選んで、設定をコピーしてください。
チェック 3/3 合格 · あなたのパソコンで動きます
まず:どの AI を使っていますか?
使っているアプリを選ぶと、下に手順が表示されます。
Claude につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ) · パソコン版 Claude アプリ(Windows または Mac)のみ。Web やスマホでは使えません
SettingsDeveloperEdit Config
{
"mcpServers": {
"screenrec-agent": {
"command": "npx",
"args": [
"-y",
"screenrec-agent"
]
}
}
}Screen Recorder MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Screen Recorder MCP を使っていると言うか、回答に Screen Recorder MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT はまだ Screen Recorder MCP につなげません
Screen Recorder MCP はパソコンに入れて使うものですが、ChatGPT は Web 上で動くサーバーにしかつなげません
A · Screen Recorder MCP につなげるアプリを使う
B · デザイン・画像・音声 の中で ChatGPT につなげる別のサーバー
同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました
Claude Code につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ)
Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く
claude mcp add --scope user screenrec-agent -- npx -y screenrec-agentScreen Recorder MCP が一覧にあり、接続済みと表示されれば OK です
Screen Recorder MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Screen Recorder MCP を使っていると言うか、回答に Screen Recorder MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ)
Screen Recorder MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Screen Recorder MCP を使っていると言うか、回答に Screen Recorder MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげますが、先に準備が必要です
先にパソコンへ Node.js を入れてください(1 回だけ)
Screen Recorder MCP を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Screen Recorder MCP を使っていると言うか、回答に Screen Recorder MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください
JSON 設定は下の「開発者向け」にあります
Claude Code
claude mcp add --scope user screenrec-agent -- npx -y screenrec-agentClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"screenrec-agent": {
"command": "npx",
"args": [
"-y",
"screenrec-agent"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"screenrec-agent": {
"command": "npx",
"args": [
"-y",
"screenrec-agent"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"screenrec-agent": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"screenrec-agent"
]
}
}
}この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
npm: screenrec-agentこのサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
パソコン上で動かせるアプリ
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月13日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント Robert0303-C で確認済みです
コードの最終更新:4 日前
MITを使用
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
まだレビューはありません
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック3項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は4 日前、最新バージョン(0.2.0)がレジストリに届いたのは4 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Figma Context MCP, AutoClip, Next AI Draw.io
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Let your AI agent record a real browser page and cut it into a publishable vertical video.
By xukunAI · an MCP server for Claude Code, Cursor, Codex and Hermes. Your agent records a page over CDP (no browser extension, no permission dialog), then composes the clip: device frame, held-frame callouts, punch-ins, captions, music with real ducking, end card.
Everything runs locally. No upload, no API key, no cloud render.
split puts a second recording next to the first — stacked in 9:16, side by side in 16:9, with ratio and gap to tune it. The direction follows the canvas, so the agent never has to choose. Captions, callouts, end card and music still apply in the same call.
{ "target": "vertical",
"split": { "source": "C:/rec/second.webm", "ratio": 0.5, "gap": 6 }, "captions": [{ "start": 0.8, "end": 5.0, "text": "before / after" }] }
Full guides: [English](docs/USAGE.md) · [中文](docs/USAGE.zh.md)
录制 → 设备框 → 冻结圈注 → 局部放大 → 字幕 → 结尾卡 → 成片
Every "AI video" tool generates pixels and hopes the text survives. This one doesn't generate anything: it records your actual UI and draws text with a font engine. Every digit is your real number.
The agent-facing part is the point: an agent can produce a finished clip as a tool call, not a chat suggestion.
| Tool | What it does |
|---|---|
recorder_status | recording state, bytes, bridge status |
recorder_start | start recording a tab (Chrome requires one human click — see below) |
recorder_stop | stop and save to Downloads |
recorder_files | list recent recordings |
compose_clip | the actual product: record → finished video |
compose_clip takes captions, annotations (held-frame callouts), focus (punch-ins), end_title, music, frame (phone/browser), pip (picture-in-picture), split (second recording on the same canvas).
npx (recommended) — works in Claude Code, Cursor, Codex, Hermes and any MCP client:
{
"mcpServers": { "screen-recorder": { "command": "npx", "args": ["-y", "screenrec-agent"] } } }
Then verify the install:
npx -y screenrec-agent --selftest
First run downloads the agent (~33 MB) and a pinned ffmpeg build (~201 MB) into %LOCALAPPDATA%\screenrec-agent\bin. The cache is reused afterwards, and upgrading the launcher re-downloads only the agent — ffmpeg is not fetched again. Downloads resume and retry on a dropped connection instead of failing silently.
Or use the exe directly. Download screenrec-agent.exe from the latest release, put ffmpeg.exe beside it (only compose_clip needs ffmpeg), and point command at the exe.
Published in the official MCP Registry as io.github.Robert0303-C/screenrec-agent.
| Free | Full — $39 once | |
|---|---|---|
recorder_* — record with your agent | unlimited, forever | unlimited |
compose_clip — turn a recording into a finished clip | 24 hours / 5 clips | unlimited |
| Runs locally, nothing uploaded | yes | yes |
The trial starts on your first successful compose, not on install. When it ends, compose_clip returns license_required with a purchase link — recording keeps working, nothing is deleted, nothing crashes. Check what is left with screenrec-agent --status, unlock with screenrec-agent --activate .
The only network call is activation itself. Trial state lives on your machine (three copies, clock rollback detection) because the alternative is a server that watches you use it. Deleting all three copies is equivalent to a fresh install — offline software cannot prevent that, and we would rather be honest about it than ship surveillance.
Buy: https://www.creem.io/product/prod_57FG0V8N2N4z3PrCzK0Klr · xukun.online
chrome.tabCapture needs activeTab, and activeTab only comes from invoking the extension on that tab. No script can fake it (verified: even a trusted CDP click inside an extension page fails). So:
Commercial. Source available for review; redistribution of the packaged binary is not permitted.