mcpField
J
Jam

Jam

リモート
jam.dev開発ツール11今日更新
ドキュメントリポジトリ公式サイト

Jam について

Jam skillsは、コーディングエージェントによる画面録画の調査、問題の分析、修正の実演、E2Eテスト作成を支援します。ログ、ネットワークリクエスト、操作、画面を含むJam録画を根拠として使います。

主な機能

  1. 01録画、ログ、操作手順の読み取り
  2. 02根拠に基づく原因分析
  3. 03修正の録画とリンク作成
  4. 04スクリーンショットへの問題注釈
  5. 05録画からのE2Eテスト生成

活用シーン

  1. 01Jamに記録されたエラーの調査
  2. 02Pull Request向けの修正実演
  3. 03スクリーンショット上の問題箇所の表示
  4. 04ユーザーフローからの回帰テスト作成

MCP 対応

jam-fixとjam-to-e2eはJam MCPサーバーまたはJam CLI経由で録画を読み取れます。プラグインはJam MCPサーバーにも接続します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://mcp.jam.dev/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

Jam

Jam スキル

コーディングエージェントが作業内容を示せるようにするスキルです。Jam を読み、変更を証明し、問題箇所を示し、フローをテストします。

skills.sh CI MIT 


npx skills add jamdotdev/skills

Claude Code、Cursor、Codex、GitHub Copilot、Gemini CLI、OpenCode、およびskills.sh が対応するすべてのエージェントで動作します。--skill jam-fix を追加すると、スキルを1つインストールできます。

Jam は、画面上で起きたことを記録したもので、コンソールログ、ネットワークリクエスト、ユーザー操作が1つのリンクにまとめられています。バグ報告、デモ、フローの操作説明などに使えます。これらのスキルを使うと、エージェントが Jam を読み、作成できるようになります。

スキル

  • jam-fix: 「この jam.dev リンクを修正してください。」記録のコンソールエラー、失敗したリクエスト、ユーザーの手順、フレーム、トランスクリプトを読み、根本原因とその証拠を書き出します。依頼された場合にのみコードを変更します。
  • jam-proof: 「動作しているところを Jam に記録してください。」変更が動作する様子を記録し、コンソールとネットワーク情報を添えたプルリクエスト用の Jam リンクを返します。デフォルトではヘッドレス Chrome を使用するため、画面ではなくページを記録します。
  • jam-annotate: 「問題箇所を示して報告してください。」スクリーンショットを、問題箇所を示す Jam に変換します。ボックス、矢印、注釈、マスキング、ぼかしを追加し、Retina の計算も正確に行います。
  • jam-to-e2e: 「この Jam の e2e テストを書いてください。」Jam をお使いのテストランナーと言語でテストに変換します。Playwrightとtester-army/e2eには、特に詳しいガイダンスを用意しています。フローの Jam は、そのフローを保護するテストになります。バグの Jam は失敗するテストになり、修正によってテストを成功させられます。

要件

どのスキルを使うにも、無料の Jam アカウントが必要です。jam-fix と jam-to-e2e は Jam MCP サーバーまたは Jam CLI を通じて Jam を読み込みます。jam-proof と jam-annotate は Jam を作成するため、CLI が必要です。jam.dev/cli から CLI をインストールしてください。スキルが必要に応じてサインインします。CI またはクラウドエージェントでは、JAM_TOKEN に個人アクセストークンを設定してください。jam-proof でウィンドウやディスプレイをキャプチャするには、macOS または Linux（X11）が必要です。デフォルトのヘッドレスブラウザーの記録には、Chrome だけで十分です。

プラグインとしてインストールする

プラグインはすべてのスキルをインストールし、Jam MCP サーバーに接続して、自動更新します。プラグインとnpx skills addの両方ではなく、どちらか一方を使用してください。両方を使うと、エージェントにすべてのスキルが重複して表示されます。

Claude Code 
/plugin marketplace add jamdotdev/skills
/plugin install jam@jam-plugins

スキルは/jam:jam-fix、/jam:jam-proofなどとして読み込まれます。チェックアウトをテストするには、claude --plugin-dir /path/to/skillsを実行してください。

Cursor

サイドバーでカスタマイズを開き、Jamを検索して、インストールをクリックしてください。

チェックアウトをテストするには、ローカルのプラグインフォルダーにリンクし、Developer: Reload Windowを実行してください。

ln -s /path/to/skills ~/.cursor/plugins/local/jam
Codex 
codex plugin marketplace add jamdotdev/skills
codex plugin add jam@jam-plugins

新しいセッションを開始し、OAuth プロンプトを完了してから、/mcpを実行して接続を確認してください。チェックアウトをテストするには、そのパスをmarketplace addに渡してください。

GitHub Copilot CLI 
copilot plugin marketplace add jamdotdev/skills
copilot plugin install jam@jam-plugins
Gemini CLI 
gemini extensions install https://github.com/jamdotdev/skills

/mcp auth Jamを一度実行してサインインしてください。チェックアウトをテストするには、gemini extensions link /path/to/skillsを実行してください。

サインイン、トークン、MCP サーバーでできること、権限については、docs/plugin.mdをご覧ください。

コントリビュート

スキルに不具合がある場合や、追加してほしいスキルがある場合は、issue を作成してください。プルリクエストも歓迎します。CONTRIBUTING.mdは簡潔です。

jam.dev · Jam MCP · Jam CLI · Dev Utils · 変更履歴 · MIT

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。