Skill jam-proof
Merekam aktivitas layar, tab browser, atau aplikasi desktop dan mempublikasikannya sebagai link Jam yang dapat dibagikan lengkap dengan log console dan network yang terlampir.
- Bintang GitHub
- 11
- File
- 3
- Commit terakhir
- 9 Nov 2026
- Lisensi
- MIT
- Tool yang diizinkan
- —
Apa fungsi skill jam-proof?
jam-proof adalah agent skill. Merekam aktivitas layar, tab browser, atau aplikasi desktop dan mempublikasikannya sebagai link Jam yang dapat dibagikan lengkap dengan log console dan network yang terlampir.
Ringkasan dibuat dari SKILL.md skill ini.
Tentang skill jam-proof
Membuat bukti video perilaku software yang dapat dibagikan adalah fungsi utama dari jam-proof bagi developer dan QA engineer. SKILL ini memungkinkan agent untuk merekam aktivitas browser, jendela aplikasi tertentu, atau seluruh tampilan desktop untuk menghasilkan link Jam. Link ini unik karena menyertakan lampiran log console dan network bersama dengan videonya, sehingga memberikan konteks teknis yang lengkap untuk kejadian yang direkam.
Agent harus memuat skill ini saat pengguna meminta demo rekaman, bukti video pekerjaan, atau verifikasi perubahan yang dapat dibagikan. Tool ini beroperasi melalui hierarki privasi dan scope, dengan mengutamakan headless Chrome via Chrome DevTools Protocol untuk memastikan privasi dan stabilitas pengguna. Tool ini juga dapat menargetkan process ID tertentu untuk aplikasi desktop atau meminta izin untuk merekam seluruh tampilan layar. Prosesnya bergantung pada jam CLI dan dapat berintegrasi dengan browser driver seperti Playwright atau agent-browser untuk menjalankan interaksi melalui cdpProxy, memastikan bahwa klik dan pengetikan ditangkap sebagai event yang dapat ditindaklanjuti di dalam rekaman tersebut.
Apa yang bisa dilakukan agent dengannya
- 1Rekam demo browser headlessAgent dapat menjalankan instance headless Chrome untuk merekam halaman web tertentu beserta network log tanpa harus menangkap layar pengguna.
- 2Berikan verifikasi bug sebelum dan sesudah perbaikanAgent dapat merekam saat bug terjadi dan kemudian merekam perbaikannya untuk menyediakan link perbandingan pada sebuah pull request.
- 3Lampirkan rekaman ke tool manajemen proyekSetelah rekaman selesai, agent dapat mempublikasikan link Jam secara langsung ke tiket atau pull request tertentu.
Ditulis dari SKILL.md milik skill tersebut. Setiap use case diverifikasi dengan kutipan darinya.
Cara install skill jam-proof
Setiap perintah menyalin folder skill ke direktori skills client. Restart client atau mulai sesi baru untuk memuatnya.Install skill jam-proof di Plugin
/plugin marketplace add jamdotdev/skills /plugin install jam@jam-plugins
Install skill jam-proof di Claude Code
~/.claude/skills/jam-proof/SKILL.md
$ npx degit jamdotdev/skills/skills/jam-proof ~/.claude/skills/jam-proofInstall skill jam-proof di Claude Code (project)
.claude/skills/jam-proof/SKILL.md
$ npx degit jamdotdev/skills/skills/jam-proof .claude/skills/jam-proofInstall skill jam-proof di Codex
~/.agents/skills/jam-proof/SKILL.md
$ npx degit jamdotdev/skills/skills/jam-proof ~/.agents/skills/jam-proofInstall skill jam-proof di Gemini CLI
~/.gemini/skills/jam-proof/SKILL.md
$ npx degit jamdotdev/skills/skills/jam-proof ~/.gemini/skills/jam-proofInstall skill jam-proof di Claude.ai
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
Lihat di GitHubjam-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.
Berkas dalam skill ini
3Pertanyaan seputar skill jam-proof
Bagaimana cara install skill jam-proof di Claude Code?
Jalankan npx degit jamdotdev/skills/skills/jam-proof ~/.claude/skills/jam-proof. Claude Code memuat skill dari ~/.claude/skills (semua proyek) atau .claude/skills (satu proyek) dan menggunakan skill saat deskripsinya cocok dengan tugas.
Client mana saja yang bisa menggunakan skill jam-proof?
Client apa pun yang membaca format Agent Skills: Claude Code, Codex, Gemini CLI, dan claude.ai (unggah sebagai ZIP). Script dalam skill hanya berjalan di client yang mengizinkan eksekusi kode.
Bagaimana cara setup Jam CLI?
Anda dapat mengecek apakah jam sudah terinstall menggunakan command -v jam, tambahkan ke PATH jika diperlukan, lalu jalankan jam auth login untuk autentikasi.
Apa yang harus saya lakukan jika berada di lingkungan headless seperti CI?
Anda harus mengatur environment variable JAM_TOKEN menggunakan personal access token dari halaman settings Jam sebagai secret.
Bagaimana cara merekam sesi browser menggunakan agent?
Anda dapat menggunakan flag --cdp dengan jam record start untuk menangkap sesi headless Chrome, yang sudah mencakup panel console dan network.