AIエージェントによるスクリーンショットの取得、画面セッションの録画、および構造化された視覚フィードバックレポートの受信を可能にします。
別名 hashfunction/MarkuprPlus
- スター
- 85
- ツール
- 9
- ダウンロード数(30日間)
- —
- 最新バージョン
- 3.1.2
- 最終コミット
- 2026年11月1日
- ライセンス
- MIT
MarkuprPlus MCPとは
MarkuprPlusはMCPサーバーです。 AIエージェントによるスクリーンショットの取得、画面セッションの録画、および構造化された視覚フィードバックレポートの受信を可能にします。. 9個のツールを提供しており、capture_screenshot, capture_with_voice, describe_screenなどがあります。
プロジェクトのREADMEから生成された概要
MarkuprPlus MCP server について
MarkuprPlusは、専用のMCP serverを通じて、AIコーディングエージェントに視覚的なコンテキストを提供します。開発者がAIクライアントをこのserverに接続することで、エージェントはスクリーンショットの取得、画面セッションの録画、および構造化された視覚フィードバックレポートの受信が可能になります。この仕組みにより、人間が画面上で見ているものとAIエージェントが処理できるものの間のギャップを埋め、音声によるナレーションや手書きの注釈を、実行可能なデータへと変換します。
このシステムは、特定のウィンドウを録画しながら音声を聴取し、デバイス上のWhisperによる文字起こしを使用して、言葉と視覚的なマークを同期させることで動作します。WindowsまたはmacOSでデスクトップアプリを使用する場合、ライブ画面上に直接描画して問題をハイライトできます。各マークは、独自の注釈付きスクリーンショットとタイムスタンプを持つ個別の検出事項となります。生成されたmarkdownレポートをClaude Code、Cursor、またはCodexなどのツールに直接貼り付けることで、視覚的および言語的な指示に基づいてエージェントがバグを修正するのを支援できます。
できること
- 1自動視覚バグ報告AIエージェントに画面録画と構造化レポートの取得機能を与え、UIの問題を特定させます。
- 2注釈付き画面ナレーション画面上の問題のある箇所を丸で囲みながらレイアウトのバグを口頭で説明することで、正確な問題レポートを作成します。
- 3既存の録画ファイルのバッチ処理コマンドラインを使用して、以前に録画されたビデオファイルを分析し、フィードバックレポートを生成します。
- 4GitHubを活用したワークフロー自動化画面録画の処理を、自動化されたCI/CDパイプラインに直接統合します。
プロジェクトの README から作成されています。すべてのユースケースは、その引用と照らし合わせて確認されています。
MarkuprPlus MCPのインストール方法
フォーマット検証日 2026年11月10日Cursor に追加Gooseに追加Claude CodeにMarkuprPlus MCPをインストール
$ claude mcp add markuprplus -- npx -y markuprplusCursorにMarkuprPlus MCPをインストール
~/.cursor/mcp.json
{
"mcpServers": {
"markuprplus": {
"command": "npx",
"args": [
"-y",
"markuprplus"
]
}
}
}VS CodeにMarkuprPlus MCPをインストール
.vscode/mcp.json
{
"servers": {
"markuprplus": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"markuprplus"
]
}
}
}VS Code CLIにMarkuprPlus MCPをインストール
$ code --add-mcp '{"name":"markuprplus","type":"stdio","command":"npx","args":["-y","markuprplus"]}'Claude DesktopにMarkuprPlus MCPをインストール
claude_desktop_config.json
{
"mcpServers": {
"markuprplus": {
"command": "npx",
"args": [
"-y",
"markuprplus"
]
}
}
}CodexにMarkuprPlus MCPをインストール
$ codex mcp add markuprplus -- npx -y markuprplusCodex config.tomlにMarkuprPlus MCPをインストール
~/.codex/config.toml
[mcp_servers.markuprplus] command = "npx" args = ["-y", "markuprplus"]
Gemini CLIにMarkuprPlus MCPをインストール
$ gemini mcp add -s user markuprplus npx -- -y markuprplusGemini settings.jsonにMarkuprPlus MCPをインストール
~/.gemini/settings.json
{
"mcpServers": {
"markuprplus": {
"command": "npx",
"args": [
"-y",
"markuprplus"
]
}
}
}MarkuprPlus MCPツール 9
READMEから検出capture_screenshotcapture_with_voicedescribe_screenstart_recordingstop_recordinganalyze_videoanalyze_screenshotpush_to_githubpush_to_linear
| capture_screenshot | — | |
| capture_with_voice | — | |
| describe_screen | — | |
| start_recording | — | |
| stop_recording | — | |
| analyze_video | — | |
| analyze_screenshot | — | |
| push_to_github | — | |
| push_to_linear | — |
自動チェック
実行日 2026年11月12日完全なレポート →自動チェックに合格しました。これはセキュリティ監査ではありません。コードを読み、サーバーに必要最小限のアクセス権を与えてください。 チェックの仕組み
- ソースリポジトリがリンクされており、アクセス可能合格
- オープンソースライセンス (OSI)合格
- 過去1年以内にコミットまたはリリースあり合格
- パッケージ名が有名なパッケージに酷似していない合格
- リモートエンドポイントがHTTPSを使用未チェック
- 破壊的なツールがラベル付けされている合格
- モデルへの隠れた指示がない合格
- パッケージおよびその依存関係に重大な勧告なし合格
README
GitHubで見るThe Problem
Your coding agent can't see your screen. So you stop working and start transcribing: describe the layout bug in prose, take a screenshot, crop it, drag it into the right place, explain which part matters. You speak at 150 words per minute and type at 60, and the context leaks out on the way.
The Solution
MarkuprPlus is a Windows and macOS desktop app, with a CLI, MCP server, and GitHub Action for automated workflows. The desktop app lives in the Windows system tray or macOS menu bar. It records the exact window you point at, listens while you narrate, and lets you draw on the live screen without blocking your clicks. When you stop, it transcribes on-device, aligns your words to each mark, and writes a report your agent can act on — one finding per circle, each with its own annotated frame.
| Use MarkuprPlus as | What you can do | Get started |
|---|---|---|
| Windows desktop app | Record your screen and voice, draw live annotations, and review reports from the system tray. | Download for Windows |
| macOS desktop app | Capture and annotate from the menu bar on Apple Silicon or Intel Macs. | Download for macOS |
| CLI | Analyze existing recordings, watch folders, and generate reports in scripts. | CLI commands |
| MCP server | Let an AI coding agent capture screenshots, record sessions, and receive structured reports. | Connect your agent |
| GitHub Action | Process recordings in your GitHub Actions workflows. | Action setup |
Windows: Ctrl+Shift+F → talk → Ctrl-drag → Ctrl+Shift+F → paste into your agent
macOS: Cmd+Shift+F → talk → Cmd-drag → Cmd+Shift+F → paste into your agent
The Loop
1. Press the capture shortcut and pick your target
Use Ctrl+Shift+F on Windows or Cmd+Shift+F on macOS.
The picker opens above every window. Whatever is under your cursor lights up — click it and the recorder locks onto that window alone, and stays locked through moves, resizes, and app switches. Region and full-display modes are one click away when a finding needs a wider frame.
If the window's identity or native geometry ever becomes ambiguous mid-session, capture stops rather than widening to whatever is behind it. You never ship a frame you didn't mean to share.
The capture controls live in one portrait popover, accessible from the Windows system tray or macOS menu bar.
2. Talk while you work
Keep clicking through your app as usual. MarkuprPlus records the window and your microphone together, then transcribes with Whisper on-device after you stop.
The picker, the drawing canvas, and the recording HUD are all excluded from screen capture at the OS level — nothing MarkuprPlus draws ends up in your video. Only your app does, plus the strokes you meant to leave.
3. Hold Ctrl (Windows) or Cmd (macOS) and draw
Hold the modifier key and drag to paint straight onto the live screen — freehand, circle, or highlight, in a colour you choose. Let go of the key and your next normal click both reaches the app underneath and saves that mark, clearing the canvas for the next one.
Three circles means three issues, not one screenshot with three scribbles on it. Each finding carries its own PNG, timestamp, tool, and colour.
4. Press the capture shortcut again to stop
Use Ctrl+Shift+F on Windows or Cmd+Shift+F on macOS.
Whisper runs, your narration is aligned to each mark, and the report is written to disk. The markdown path lands on your clipboard the moment it's ready — paste it straight into Claude Code, Codex, Cursor, or anything else that reads a file.
Everything for the session goes in one folder: the report, the screenshots, the session video, the narration audio, and the metadata.
Quick Start
Windows and macOS desktop app (recommended)
Download from markuprplus.com or the releases page. Choose the Windows installer (.exe) or the macOS disk image (.dmg) for Apple Silicon or Intel.
macOS install note: Direct downloads from GitHub Releases are signed, notarized, and stapled. If Gatekeeper rejects an artifact, use MarkuprPlus support so the release can be investigated.
- Press
Cmd+Shift+F(macOS) orCtrl+Shift+F(Windows) and click the window you want. - Narrate what you see. Hold
Cmd/Ctrland drag to mark the live screen. - Release the key, then click normally — that saves the mark and clears the canvas. Repeat for every finding.
- Press the hotkey again to stop. The report path is on your clipboard.
MCP server (for AI coding agents)
npx --yes --package markuprplus markuprplus-mcp
CLI (for recordings you already have)
npx markuprplus analyze ./recording.mov
Compatibility: the public package and commands are
markuprplusandmarkuprplus-mcp. Existing.markuprxproject files, storage paths, and app identifiers remain unchanged so upgrades keep their settings and sessions.
Optional companion for Mac App Store CLI integrations
The sandboxed Mac App Store app can use AI command-line tools already installed and signed in on your Mac through the optional MarkuprPlus CLI Bridge. Local Rules, Ollama, LM Studio, and Anthropic API do not require this companion.
Install and pair it from a Terminal:
npm install -g markuprplus
markuprplus bridge install # installs and starts a per-user LaunchAgent
markuprplus bridge token # paste this value in Settings → Advanced
markuprplus bridge status
The public npm package contains the same versioned CLI and MCP entry points used by the source release.
The service listens only on 127.0.0.1:49647, requires its random pairing token for every provider request, and accepts a fixed structured-report protocol rather than shell text. The App Store app does not run shell commands or launch external tools; the separately installed companion invokes only the provider selected in Settings.
Lifecycle and recovery commands:
markuprplus bridge start
markuprplus bridge stop
markuprplus bridge status
markuprplus bridge token
markuprplus bridge rotate-token
markuprplus bridge uninstall
Rotating the token requires pairing again. Uninstall removes the exact LaunchAgent and bridge configuration owned by MarkuprPlus; it does not uninstall your AI CLIs.
What Lands in Your Folder
One session, one directory:
originplayer-test-iphone-20260818-104731/
├── feedback-report.md # the file you paste
├── feedback-summary.md # counts and duration
├── metadata.json # per-issue capture context
├── processing-trace.json # which provider ran, how long, why it fell back
├── screenshots/
│ ├── marked-issue-001.png # one frame per mark, your stroke composited in
│ ├── marked-issue-002.png
│ └── marked-issue-003.png
├── session-recording.webm # the window, with annotations
└── session-audio.webm # your narration
A real, unedited finding from that session:
### MX-001
- **Timestamp:** 00:08
- **Tools:** freehand
- **Colors:** #ff3b30
#### User Comment
> So there's a search menu and over here by default, if there's been
> previous searches, it should list out all the searches that have
> happened in the past.
#### Marked Evidence

Each finding carries more than pixels:
| What travels with the issue | Example |
|---|---|
| Its own annotated PNG | screenshots/marked-issue-001.png |
| The narration at that moment | transcript-segment-0001 … 0002 |
| How you marked it | freehand · #ff3b30 |
| Where it came from | window:5976:0 · OriginPlayer Test iPhone · darwin |
| Cursor, active app, and focus hints | captured at the instant you drew |
| Trigger metadata | annotation, manual, pause, or voice-command |
Marked issues are numbered MX-001…; items that come from narration alone are FB-001….
Every Surface
Local Transcription
On desktop startup, MarkuprPlus downloads the multilingual Whisper tiny model (~75 MB) in the background if no local model is installed. Existing models are reused. Download progress and retryable errors appear under Settings > Advanced > Local Transcription. Interrupted downloads resume on the next startup; offline or failed downloads do not block opening the app. Once downloaded, local transcription works without an internet connection.
Interface Language
The desktop interface defaults to English, including when upgrading from an installation that previously displayed Traditional Chinese automatically. Choose Settings > General > Language > Interface language to opt into Traditional Chinese or switch back to English. The preference is saved and applies immediately across open windows without restarting or interrupting a recording. Resetting General settings restores English.
Interface language is separate from transcription language. Feedback text, recordings, and generated reports are not translated by this setting.
To add another interface language, register its identifier and display name in
src/shared/uiLanguage.ts and its translation catalog in
src/renderer/i18n/catalogs.ts. English labels are the source and fallback for
missing translations; mark user-content regions with translate="no".
Report Providers
Pick the model that turns a capture into a structured report. MarkuprPlus checks each one before you record and shows you what it actually found.
In the Mac App Store app, CLI providers use the optional local companion described above. Direct desktop builds invoke the same adapters inside the app. Both paths preserve Local Rules as the failure-safe report.
| Provider | Kind | What it uses |
|---|---|---|
| Codex CLI | CLI | Your installed CLI or the Codex Mac app's bundled CLI and existing ChatGPT login, in a read-only ephemeral session |
| Claude Code CLI | CLI | The Claude Code CLI you're already signed in to |
| GitHub Copilot CLI | CLI | Copilot CLI 1.0.83+ with your existing GitHub login, in an isolated tool-free session |
| OpenCode | CLI | Your configured OpenCode provider, with a per-run agent that denies every tool action |
| Cursor Agent CLI | CLI | Cursor Agent in non-interactive, read-only Ask mode |
| Qwen Code | CLI | Qwen Code in safe, non-interactive plan mode with mutation tools excluded |
| Goose | CLI | Your configured Goose provider in tool-free chat mode, without profiles or session persistence |
| Amp | CLI | Your Amp login with an isolated default-deny tool policy |
| Kiro CLI | CLI | Kiro headless mode with only read and grep trusted |
| Aider | CLI | Your configured Aider model in dry-run, no-git mode |
| Ollama | Local | A model served on 127.0.0.1:11434 — nothing leaves the machine |
| LM Studio | Local | An LM Studio server on 127.0.0.1:1234 |
| Anthropic API | Cloud | Your own key, stored in the system keychain and used for nothing else |
| Local rules | Zero setup | Deterministic report from transcript and marks alone, no credentials |
Failure is safe by design. If the provider you picked errors out, the deterministic Local rules report is written anyway, and the popover names the provider and the reason. Your recording, audio, and marks were already on disk before analysis started. An explicit CLI choice never silently becomes an Anthropic call.
Codex CLI, GitHub Copilot CLI, and OpenCode can receive captured screenshots. Transcript-only CLI adapters reject screenshot-only sessions instead of inventing visual findings.
To use GitHub Copilot CLI, install or update copilot, run copilot login
in Terminal, then select GitHub Copilot CLI in Report Settings and refresh
providers. Leave the model blank to use your Copilot default, or enter a Copilot
model ID. Discovery verifies the installed version; authentication is verified
when a report runs. The optional CLI Bridge provides the same integration for
the Mac App Store app.
Copilot receives the transcript over stdin and screenshots as attachments. Each report uses a temporary Copilot configuration that reuses only your login identity (credentials remain in the OS credential store) and default model, not your plugins, hooks, MCP servers, or saved permissions. All model tools and custom instructions are disabled. Temporary context is removed after success or failure. Environment-token authentication is also supported; plaintext credential fallbacks are not copied into the temporary configuration.
processing-trace.json records exactly what happened:
{
"requestedProvider": "codex-cli",
"actualProvider": "rules",
"aiFallbackReason": "Codex analysis exited with status 1.",
"aiEnhanced": false,
"totalMs": 4220
}
Why MarkuprPlus
Evidence, not footage. A screen recording leaves your agent a video it can't watch and you a file you have to narrate twice. This gives you separate findings, one annotated frame each, the words you said at that timestamp, and the window and cursor context.
Local-first. Whisper runs on your device and Local rules needs no credentials. Cloud transcription and cloud models only run when you explicitly pick them. No account, no telemetry, no analytics.
It doesn't film itself. The picker, the drawing canvas, and the recording HUD are content-protected at the OS level. Your marks reach the report; the app's own chrome never reaches the video.
Fits your workflow. Windows and macOS desktop apps for daily capture, a CLI for scripts and CI, an MCP server for agents, and a GitHub Action for pull requests.
Open source. MIT licensed. Read it, fork it, ship it.
MCP Server
Give your agent eyes and ears. It can capture screenshots, record your screen with voice, and receive structured reports mid-conversation.
Connect GitHub Copilot CLI, the Claude Mac app, or Codex with the setup command:
npm install -g markuprplus
markuprplus integrate copilot
markuprplus integrate claude-desktop
markuprplus integrate codex
Run the command for each client you use, then restart that client. Claude setup covers both Chat and Code. Codex shares its configuration with its CLI. Add --dry-run to preview; existing settings and other servers are preserved, and changed files are backed up. An existing conflicting markuprplus entry requires --force. See client setup and capabilities for details.
For manual setup, Claude Code (~/.claude.json or project .mcp.json), Cursor, and Windsurf take the same shape:
{
"mcpServers": {
"MarkuprPlus": {
"command": "npx",
"args": ["--yes", "--package", "markuprplus", "markuprplus-mcp"]
}
}
}
Tools
| Tool | Description |
|---|---|
capture_screenshot |
Grab the current screen with cursor, active app/window, and focus hints attached. |
capture_with_voice |
Record screen and mic for a set duration, and return a structured report. |
describe_screen |
Describe what's currently on screen. |
start_recording |
Begin an interactive recording session. |
stop_recording |
End the session and run the full pipeline. |
analyze_video |
Process an existing .mov / .mp4 into Markdown with extracted frames. |
analyze_screenshot |
Run a single screenshot through the analysis pipeline. |
push_to_github |
Create GitHub issues from a report. |
push_to_linear |
Create Linear issues from a report. |
You: "The sidebar is overlapping the main content on mobile. Can you see it?"
Agent: [calls capture_screenshot]
"I can see it — the sidebar is position: fixed with no z-index,
280px wide with no responsive breakpoint. Fixing the CSS..."
Full MCP documentation: README-MCP.md.
MarkuprPlus MCPのよくある質問
MarkuprPlus MCPをClaude Codeに追加するには
ターミナルでclaude mcp add markuprplus -- npx -y markuprplusを実行します。すべてのプロジェクトで利用するには--scope userを追加します。
MarkuprPlus MCPをCursorに追加するには
~/.cursor/mcp.jsonを開き、上記のインストールセクションに示すCursor設定を使ってmcpServersの下にサーバーを追加します。
MarkuprPlus MCPが提供するツールは
9個のツールを提供しており、capture_screenshot, capture_with_voice, describe_screen, start_recording, stop_recordingなどがあります。
AIコーディングエージェントでMarkuprPlusを使用するにはどうすればよいですか?
MCPクライアントを接続することで、AIコーディングエージェントがスクリーンショットを撮影し、セッションを録画して、構造化されたレポートを受け取れるようになります。
文字起こしはクラウドで行われますか?
いいえ、文字起こしはWhisperを使用してデバイス上でローカルに実行されます。
セッション終了後の出力フォルダには何が含まれますか?
出力には、Markdown形式のフィードバックレポート、サマリー、メタデータ、処理トレース、注釈付きスクリーンショット、セッションビデオ、およびナレーション音声が含まれます。