AIを使ってPercyのビジュアル回帰テストの承認を行う方法

はい。エージェントを通じて、スナップショットの一覧表示、ビルド詳細の確認、個別のスナップショットやビルド全体の承認が可能です。Percyのダッシュボードに戻ることなく、ビジュアル回帰の結果を管理できます。

1. 01

   ビルドデータの取得

   エージェントが保留中のビジュアルテストの詳細を取得し、何が変更されたかを確認します。

   get_build_details
2. 02

   変更箇所の特定

   エージェントがビルド内のスナップショットをスキャンし、具体的な差分を見つけ出します。

   list_snapshots
3. 03

   スナップショットの承認

   変更内容に問題がないことを確認すると、エージェントがそのスナップショットを承認済みとしてマークします。

   approve_snapshot
4. 04

   ビルドの完了

   一連の確認が終わると、エージェントがビルド全体を承認し、ベースラインを更新します。

   approve_build

Percy Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_6LH0zsvN8J0nY7uPYJ5ybHRW80VU7JdDwEgote5I/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

1. 1In Claude Desktop, open Settings → Connectors.
2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3. 3Click Add and start a new chat — Percy capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "percy-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_6LH0zsvN8J0nY7uPYJ5ybHRW80VU7JdDwEgote5I/mcp"
    }
  }
}

• Claude
• ChatGPT
• Cursor
• VS Code
• Windsurf
• Claude Code
• JetBrains
• Cline

ワンクリックでPercyアカウントをエージェントに接続できます。認証情報は当社のシステム内で暗号化され、安全に管理されます。

• 01

  AIが自動でビルドを承認することもありますか？

  いいえ。AIはチャットであなたが明示的に指示を出した後にのみ、承認アクションを実行します。

• 02

  AIはCSSの修正を行えますか？

  いいえ。AIができるのはPercy内でのスナップショットの承認または拒否のみです。ソースコードやCSSファイルを直接修正することはできません。

• 03

  AIはビジュアルの差分を見ることができますか？

  いいえ。AIはPercy APIを通じてビルドの状態を管理しますが、画像そのものを「見る」ことはできません。差分は必ずPercy上でご自身で確認してください。

• 04

  承認を取り消すことはできますか？

  いいえ。提供されているツールはスナップショットとビルドの承認のみを目的としています。一度送信された承認を元に戻すツールはありません。

• 05

  保留中のビルドを確認するにはどうすればいいですか？

  エージェントに、最近のビルドやスナップショットの詳細をリストアップするよう依頼することで、確認が必要な項目を特定できます。

• Percyに関するその他の質問 Percy Connectorの全機能を見る