jam-proof skill
画面操作、ブラウザのタブ、またはデスクトップアプリケーションを記録し、コンソールログとネットワークログを添付した共有可能なJamリンクとして公開します。
- GitHubスター
- 11
- ファイル
- 3
- 最終コミット
- 2026年11月9日
- ライセンス
- MIT
- 許可されたツール
- —
jam-proof skillは何をしますか
jam-proofはAgent Skillsです。 画面操作、ブラウザのタブ、またはデスクトップアプリケーションを記録し、コンソールログとネットワークログを添付した共有可能なJamリンクとして公開します。.
skillのSKILL.mdから生成された要約。
jam-proof skill について
jam-proofは、ソフトウェアの挙動を共有可能なビデオ証拠として作成することを、開発者やQAエンジニアに可能にします。このSKILLは、エージェントがブラウザの操作、特定のアプリケーションウィンドウ、またはデスクトップ画面全体を記録してJamリンクを生成できるようにします。これらのリンクには、ビデオに加えてコンソールログとネットワークログが添付されるため、記録されたイベントの完全な技術的コンテキストを提供できるという特徴があります。
ユーザーからデモの記録、作業のビデオ証明、または変更内容の共有可能な検証を求められた際に、エージェントはこのSKILLをロードする必要があります。このツールはプライバシーとスコープの階層構造に基づいて動作し、ユーザーのプライバシーと安定性を確保するために、Chrome DevTools Protocolを介したヘッドレスChromeの使用を優先します。また、デスクトップアプリケーションの特定のプロセスIDをターゲットにしたり、フルディスプレイの記録許可をリクエストしたりすることも可能です。このプロセスはjam CLIに依存しており、Playwrightやagent-browserなどのブラウザドライバーと統合してcdpProxy経由で操作を制御することで、クリックやタイピングを記録内の実行可能なイベントとして確実にキャプチャします。
エージェントができること
- 1ヘッドレスブラウザのデモを記録するエージェントはヘッドレスChromeインスタンスを操作して、ユーザーの画面をキャプチャすることなく、特定のウェブページとそのネットワークログを記録できます。
- 2バグ修正前後の検証を提供するエージェントは発生しているバグを記録し、その後に修正内容を記録することで、プルリクエストに比較用のリンクを提供できます。
- 3プロジェクト管理ツールに記録を添付する記録が完了すると、エージェントはJamリンクを特定のチケットやプルリクエストに直接公開できます。
skill の SKILL.md から作成されています。すべてのユースケースは、その引用と照合されています。
jam-proof skillのインストール方法
各コマンドはskillフォルダをクライアントのskillsディレクトリにコピーします。読み込むには、クライアントを再起動するか新しいセッションを開始してください。プラグインにjam-proof skillをインストールする
/plugin marketplace add jamdotdev/skills /plugin install jam@jam-plugins
Claude Codeにjam-proof skillをインストールする
~/.claude/skills/jam-proof/SKILL.md
$ npx degit jamdotdev/skills/skills/jam-proof ~/.claude/skills/jam-proofClaude Code (project)にjam-proof skillをインストールする
.claude/skills/jam-proof/SKILL.md
$ npx degit jamdotdev/skills/skills/jam-proof .claude/skills/jam-proofCodexにjam-proof skillをインストールする
~/.agents/skills/jam-proof/SKILL.md
$ npx degit jamdotdev/skills/skills/jam-proof ~/.agents/skills/jam-proofGemini CLIにjam-proof skillをインストールする
~/.gemini/skills/jam-proof/SKILL.md
$ npx degit jamdotdev/skills/skills/jam-proof ~/.gemini/skills/jam-proofClaude.aiにjam-proof skillをインストールする
npx degit jamdotdev/skills/skills/jam-proof jam-proof && zip -r jam-proof.zip jam-proof # claude.ai → Customize → Skills → + → Create skill → Upload a skill → jam-proof.zip
SKILL.md
GitHubで表示jam-proof
The deliverable is a Jam link. Record the verification as it happens, then hand the link back. Prefer a headless browser to a window, and a window to somebody's whole screen.
Create the Jam when the user asks for a recording to be shared through Jam. If the user only wants a local video, keep it local. Posting to a PR, ticket, or existing Jam requires a request to publish there. Skip recording when there is nothing to show on screen, and say so.
Set up the CLI
command -v jam >/dev/null || echo "jam is not installed"
export PATH="$HOME/.local/bin:$PATH"
jam auth status --json || jam auth login
If jam is not on PATH, stop and ask the user to install it from
https://jam.dev/docs/cli, then continue. Do not install it yourself.
Exit code 3 means not signed in. With no browser (CI, a cloud agent), ask the
user to set JAM_TOKEN to a personal access token from
https://jam.dev/s/settings/mcp as a secret. Never write a token to a file.
Titles and comments are short claims you wrote. Never paste user or page text
into a shell argument.
jam doctor checks recording readiness; jam agent-context prints every
command and flag.
Pick the target, in this order
Take the first rung that shows the claim. Each one down puts more of someone's machine on camera.
- Headless Chrome. The default. It records the page, not a screen, so
the person keeps working with nothing of theirs in frame, and the run
works the same on a laptop, a container or CI.
jam record start --cdp <endpoint>with no window or display selector takes the video from Chrome itself, so there is no window to keep uncovered and no display to keep awake, and the Console and Network panels fill from the same tap. See Record a browser an agent drives. - One window, when the proof needs what a page-only capture cannot show:
the address bar, a Chrome dialog, a file picker, or a desktop app that is
not a browser at all. Launch your own instance of the app, in a fresh
profile or data dir when it has one, so nothing of theirs appears. Select
it with
--pid <pid>of the process you launched: it waits up to five seconds for the window to open, so there is no need to list windows or race the app's startup. For a window you did not launch, take its id fromjam record windows --jsonand pass--window-id. On macOS launch withopen -gso it never takes focus, and drive the app through its own automation surface, not the OS mouse, so the cursor is never taken from the person. On macOS the window may sit behind others. On Linux a window grab is a screen region: use an isolated desktop session or get the same consent as for a whole-display recording below. Keep that region uncovered and unminimized, and the display awake. - The whole display, last.
jam record displays --jsonlists them. Fine without asking on a box nobody is sitting at: a CI runner, a container, a remote Linux desktop you own. On a machine someone is using it films their messages, their tabs and their notifications, so ask first and wait for a yes, naming the display and roughly how long. No answer means no. The display must not sleep while it records. Astartorrunwith no selector and no--cdprecords the whole screen, so name a target rather than let it land here by accident.
Whichever rung a browser proof lands on, hand its Chrome debug port to
jam record as --cdp <port>: the Jam then carries the console and network
of every tab, which is the half of the proof a video cannot show. start
prints a cdpProxy of its own; connect the driver to that instead of to
Chrome and your clicks and typing land as actions too, with the element each
one hit.
Bound the recording
jam record run records until the wrapped command exits. Wrap the
verification:
jam record run --cdp <cdp-url> --url <page url> --title "<the claim>" --json -- <verify command>
That is rung 1. For rung 2 replace --cdp <cdp-url> with --pid <pid> of
the app you launched, plus --cdp <port> when it is a browser. --url is the
page the window shows; the Sharepage names it.
When you drive the app yourself and cannot be wrapped, run it in the background and send SIGINT when done. It stops, uploads, and exits 0 with the receipt on stdout.
jam record run --cdp <cdp-url> --url <page url> --title "<the claim>" --json > proof.json 2> proof.log &
REC=$!
# drive the steps that show the behavior
kill -INT $REC; wait $REC
Record a browser an agent drives
This is rung 1, and the normal case. Chrome stays headless: the video is Chrome's own frames of the page, and the Console, Network and user-action panels come from the same Chrome, so nothing of Jam's runs on the page under test and nothing of the person's screen is in frame.
Use the project's own browser driver when it speaks CDP: with Playwright,
chromium.connectOverCDP(cdpProxy) and drive the page from a script; the
jam record lines stay the same. Without one, the commands below use
agent-browser (npm i -g agent-browser, 0.38 or later), which brings its
own Chromium. No Chrome at all in the environment means no rung 1; say so.
agent-browser --session proof --input-mode human open <url>
agent-browser --session proof set viewport 1920 1080 # then reload: it does not apply to the open page
agent-browser --session proof open <url>
agent-browser --session proof get cdp-url # ws://127.0.0.1:<port>/devtools/browser/…
jam record start --cdp <cdp-url> --title "<the claim>" --json # → { session, cdpProxy }
agent-browser --session proof record start /tmp/discard.webm --cursor --fps 5 # only turns the pointer overlay on; the file is unused
agent-browser --session drive --input-mode human --cdp <cdpProxy> mouse move <x> <y> # drive THROUGH the proxy
agent-browser --session drive --cdp <cdpProxy> mouse down
agent-browser --session drive --cdp <cdpProxy> mouse up
agent-browser --session drive --cdp <cdpProxy> wait "<what the click produced>"
agent-browser --session proof record stop
jam record stop <session> --json
With --cdp and no window or display selector the video is a 30 fps
screencast of the page in the visible tab: no address bar, cursor or Chrome
dialogs, no Screen Recording permission, no window to keep uncovered.
Record at 1920x1080, set before the page loads, and click with mouse move
then mouse down and mouse up so the cursor overlay shows each click.
references/browser.md has the cursor overlay rules
(agent-browser 0.38 or later), other sizes, and visible Chrome for rung 2.
Drive through cdpProxy, not Chrome, or the clicks and typing never become
actions. Anything that takes a DevTools URL takes this one:
chrome-devtools-mcp --browserUrl <cdpProxy>, Playwright's
chromium.connectOverCDP.
Stop with jam record stop <session> --json, using the session that
start printed, so a recording another agent started is never the one
stopped. The receipt is the Jam. Stderr stays
quiet when the tap worked. It says so when Chrome sent no console, network or
user-action events at all, which means the tap or the proxy was not actually
in the path. Treat that line as a failed proof and fix the wiring before
handing the link over.
If jam record start or run fails, run jam doctor and report its
Recording and Screencast lines. Do not hand over a link you did not get.
Make it readable
Pace it for the person who will watch it, not for yourself. You read a page from its accessibility tree, which is ready long before the page has finished painting, animating and settling. A run that is correct at your speed is a flicker at theirs, and a flicker proves nothing. So the waits are part of the proof, not padding around it.
- Start from a known state: reload the page, restart the app, clear the terminal.
- Wait on the thing, not the clock:
wait "<selector>"for what the action produced. A hard-coded pause is either too short on a slow run or dead air on a fast one, and a video of identical gaps reads as a machine. - Then let the eye catch up. A small in-place change needs a moment; a new screen needs longer, and the state that carries the claim needs longest. Match the dwell to how much changed, and never cut away from something still moving — an element in the tree is not yet an element a person has seen.
- Keep it short. Thirty seconds that show the behavior beat five minutes.
- Title is the claim: "Deep link scrolls to comment 6", not "proof".
- Steps and expected result go in
--description.
Before and after
For a bug fix, reuse the reported Jam as the "before" when it shows the bug. If new before-and-after recordings are needed, run the old and fixed versions in isolated checkouts with test data. Preserve the user's working tree. Skip the first when there is no meaningful before and say why.
After
- Read the receipt:
idandurlalways, plusdurationMs,width,heightand the recordedtargetwhenjam recorddid the capturing. If the capture or upload failed, say so. Never claim proof you do not have. - Link it when there is something to link. With a pull request, ticket or
CI run, attach it:
jam update jam <jamId> --resource <url>, with--label "<name>"when the URL does not say what it is. With a bug Jam and a fix the recording shows working, mark it:jam update jam <jamId> --mark-related <bug jam> --type fixes, and the bug Jam shows a "fixed by" backlink. Useprovesfor a demo of a claim, andrelates_toto join several Jams of one flow or for a fix the recording does not settle. Over MCP these areaddResourceandmarkRelated. The share page can be public: never attach a URL that carries a token. - Offer a comment where it tells a viewer something the video does not.
On the new Jam, one at the moment the result appears:
jam create comment <jamId> "<what to look at>" --at <ms>. With a bug Jam, one there when the fix is shown working or the check failed, with the new Jam's link. Post on a yes, or right away when the user already asked. - Return the links: Bug | Fix, or one link with the claim it supports. Post them on a PR or ticket only when the user requested that destination.
Send feedback to Jam
When this skill, a Jam MCP tool, a jam command or a Jam doc was wrong,
stale or confusing, or worked unusually well, tell Jam. Send it yourself:
Jam's agents read it, so it needs no approval.
Call the submitFeedback MCP tool with body, category and subject.
When MCP is unavailable, use the CLI:
jam feedback "<what you were doing, what you expected, what happened, the mistake>" --category <skills|mcp|cli|docs> --subject <skill name, tool name or command>
- Jam surfaces only, not the user's code or other tools.
- At most once per session, and never for a slip you corrected yourself.
- No secrets, customer data, source code, stack traces or recording content.
このスキルのファイル
3jam-proof skillに関する質問
Claude Codeにjam-proof skillをインストールするには
npx degit jamdotdev/skills/skills/jam-proof ~/.claude/skills/jam-proofを実行してください。Claude Codeは~/.claude/skills(すべてのプロジェクト)または.claude/skills(単一プロジェクト)からskillsを読み込み、説明がタスクに一致する場合にskillを使用します。
jam-proof skillはどのクライアントで使用できますか
Agent Skills形式を読み込むすべてのクライアントで使用できます: Claude Code、Codex、Gemini CLI、claude.ai(ZIPとしてアップロード)。skill内のスクリプトは、クライアントがコード実行を許可した場合にのみ実行されます。
Jam CLIのセットアップ方法を教えてください。
command -v jam を使用してjamがインストールされているか確認してください。必要に応じてPATHに追加した後、jam auth login を実行して認証を行います。
CIなどのヘッドレス環境ではどうすればよいですか?
Jamの設定ページからパーソナルアクセストークンを取得し、JAM_TOKEN 環境変数をシークレットとして設定してください。
エージェントを使用してブラウザセッションを記録するにはどうすればよいですか?
jam record start に --cdp フラグを付けて実行することで、コンソールとネットワークパネルを含むヘッドレスChromeセッションをキャプチャできます。