Traceo

Traceo スキル

Traceo のリンクを貼り付けると、コーディングエージェントがバグの原因となったコンソール、ネットワーク、クリック操作を確認できます。

npx skills add muhamad-0/traceo-skills

次に、Traceo の共有リンクを貼り付けて、してほしいことを伝えます。

• 「これを修正して https://www.traceo.dev/…」
• 「この録画を要約して」
• 「これのテストを書いて」
• 「これのチケットを作成して」

Traceo の録画は、コンソールログ、ネットワークリクエスト、ユーザー操作、環境（ブラウザー、OS、ウィンドウサイズ）をひとつのリンクにまとめた、ブラウザータブの画面録画です。これらのスキルを使うと、エージェントは Traceo MCP サーバー経由で録画を読み取り、対応できます。

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

スキル

スキル名を覚える必要はありません。リンクを貼り付けて、してほしいことを伝えれば、エージェントが適切なスキルを選びます。

• traceo：「この録画を見てください。」指示のないリンクに使います。録画を読み取り、以下の中から適切なスキルを選びます。
• traceo-fix：「これを修正して。」録画内のエラー、失敗したリクエスト、手順から根本原因を特定し、根拠を示します。依頼があった場合にのみコードを変更します。
• traceo-summarize：「これは何ですか？」ユーザーが行ったこと、問題が発生した内容と場所を、数行でまとめます。
• traceo-to-e2e：「これのテストを書いて。」プロジェクト独自のテスト構成を使ってエンドツーエンドテストを作成します。バグの録画を、修正が入るまで失敗するテストにします。
• traceo-to-ticket：「これのチケットを作成して。」手順、期待値と実際の結果、環境、根拠を含むチケットを、連携済みの Linear、GitHub Issues、または Jira に登録します。
• traceo-setup：「Traceo を設定して。」Traceo MCP サーバーに接続し、これらのスキルをインストールして、接続を確認します。

Traceo MCP

スキルは Traceo MCP サーバー経由で録画を読み取ります。

https://www.traceo.dev/mcp

これは公開されており、読み取り専用です。共有リンクで公開されている情報のみを提供するため、アカウントや API キーは不要です。ツール：get_recording、get_timeline、get_console_logs、get_network_requests、get_user_actions、get_comments、get_frames、get_thumbnail。コンソールログとヘッダーに含まれるシークレットは、表示されないよう処理されます。

自分の録画の一覧表示、検索、コメントをエージェントに許可するには、代わりに https://www.traceo.dev/mcp/me に接続します。初回はクライアントによって Traceo のサインインページが開きます（OAuth を使用し、API キーは不要です）。

手動で接続するには：

claude mcp add --transport http traceo https://www.traceo.dev/mcp

{ "mcpServers": { "traceo": { "url": "https://www.traceo.dev/mcp" } } }

{ "servers": { "traceo": { "type": "http", "url": "https://www.traceo.dev/mcp" } } }

または、エージェントに次のように依頼します：Set up Traceo MCP by following https://www.traceo.dev/setup.md

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

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

/plugin marketplace add muhamad-0/traceo-skills
/plugin install traceo@traceo-plugins

スキルは /traceo:traceo-fix、/traceo:traceo-summarize などとして読み込まれます。

要件

• コンソールとネットワークの記録を有効にして、Traceo Chrome 拡張機能から共有した録画。
• 無料の共有リンクは3日間有効です。Pro のリンクには有効期限がありません。

ライセンス

MIT