An astronaut overseeing a futuristic data hub
PDFをダウンロードMarkdown版

PercyをChatGPT、Claude、Geminiに接続

一度設定すれば、ChatGPT、Claude、Cursorなど、お気に入りのクライアントでどれでも動きます。すべては裏側で安全に動くので、あなたは安心して本当に大切なことに集中できます。UIの変更をAIが検知し、迅速な承認フローを実現します

このConnectorについてAIに質問

Vinkiusが開発・運用・ホスティング。

MCP認証済み · 本番環境対応 · Vinkius保証

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

AIが仕事をこなします。私たちが安全に守ります。

他のAIツールではこれは手に入りません。ワークフローはお気に入りのクライアントで動き、アカウントは守られ、エージェントに何を許すかはあなたが決めます。これこそ乗り換えるべき理由です。

すべてのConnectorは当社のインフラストラクチャの中、あなたのワークフローが動くのと同じ場所にあります。下の3つはすでにその一部で、背景で静かに働き、あなたが意識する必要がないようにしてくれます。追加するものも、設定するものも、心配することもありません。

A futuristic MCP client docking bay
V8 Isolate01

各Connectorは独自の密閉された環境内で実行されます。

各Connectorは独自の封印されたV8ランタイムで実行され、ファイル、システム、他のサーバーへのアクセスはありません。Connectorが自身のリクエストを超えて中身を見ることはありません。

Kill Switch02

1つのスイッチで全エージェントを停止。即座に。

1つのアクションで全Connectorを無効化し、全トークンを失効させ、全セッションを終了します。AI Governanceが記録を保持します。

ユーザーごとのFinOps03

驚きではなく、一時停止する支出制限。

各ユーザーは自身の接続と認証情報を持ち、他から隔離されています。支出制限を超える操作は課金されず、あなたの承認を待ちます。

3つのコントロールが、AIが接続するレイヤーに 組み込まれています。

厳選セット · 10機能

届けるのは、本当に必要な動作だけです。

機能セット01 / 03

01-04

このセットには4機能あります。

Percyで使える10機能の一部です。

  1. 01

    プロジェクト一覧の取得

    Percy上の全プロジェクトをリストアップします。プロジェクト名、スラッグ、ブラウザ設定などの情報を取得できます。

  2. 02

    ビルド詳細の確認

    ビルドの状態、未レビューのスナップショット数、承認/却下されたスナップショット、ブランチ、コミットSHA、完了時刻などの詳細情報を取得します。

  3. 03

    ビルドの承認

    Percyビルド内のすべての未レビューのスナップショットを承認します。ビルド全体をデプロイ可能な状態としてマークします。

  4. 04

    スナップショットの承認

    単一のスナップショットを承認します。これを視覚的に正しいものとしてマークし、次回の比較用のベースラインを更新します。

機能セット02 / 03

05-07

このセットには3機能あります。

Percyで使える10機能の一部です。

  1. 05

    プロジェクト詳細の取得

    プロジェクト名、スラッグ、デフォルトブランチ、自動承認設定、ブラウザターゲット、ビルド回数などの詳細情報を取得します。

  2. 06

    スナップショット詳細の取得

    スナップショットの名前、レビュー状態、幅、フィンガープリント、比較回数などの詳細情報を取得します。

  3. 07

    対応ブラウザ一覧の取得

    Percyでサポートされているすべてのブラウザファミリーをリストアップします。クロスブラウザテストに必要なブラウザ名、バージョン、OSの組み合わせを確認できます。

機能セット03 / 03

08-10

このセットには3機能あります。

Percyで使える10機能の一部です。

  1. 08

    ビルド一覧の取得

    特定のプロジェクトにおけるビルド履歴を取得します。ビルドID、ステータス、ブランチ名、コミットSHA、スナップショット数などが含まれます。

  2. 09

    比較結果の取得

    スナップショットの視覚的比較結果を取得します。ベースラインと最新の状態の差分画像、差分率、ブラウザ情報が取得可能です。

  3. 10

    スナップショット一覧の取得

    ビルドに含まれるスナップショットをリストアップします。各スナップショットの名前、レビュー状態、差分率を確認できます。

実際の業務

チームが実際に回している作業

01

Rapid Build Approval

After a successful CI run, tell your agent to approve the build to unblock your deployment pipeline.

02

Visual Bug Investigation

Ask your agent to compare snapshots to see exactly how much a UI component has changed.

03

Cross-Browser Verification

Use the agent to check which browser configurations are available for your specific project targets.

04

CI/CD Health Checks

Query the agent to get a summary of recent builds and their current processing states.

タスクを自動化

Percyを一つのタスクに働かせる。

このConnector経由でAIが実行するステップバイステップの自動化：ワークフロー、始めるためのプロンプト、そして一つひとつの動きの裏にある正確な機能。

1つのConnector、すべてのAI

Percyは、最も人気のあるAIクライアントで動きます。

これは最も人気のあるクライアントで、それぞれにステップバイステップのガイドがあります。リンクは1つ、設定は一度、ガバナンスと可視性は最初から組み込み。しかもすべてMCP標準で動くため、同じ接続は他の対応クライアントでもそのまま使えます。作り直す必要はありません。

ClaudeClaudeChatGPTChatGPTGeminiGeminiPerplexityPerplexityGrokGrokMicrosoft CopilotMicrosoft CopilotCursorCursorVS CodeVS CodeWindsurfWindsurfJetBrainsJetBrainsClineClineLangChainLangChainVercel AI SDKVercel AI SDKLovableLovableZ.aiZ.aiRaycastRaycastQwen CodeQwen CodeKimi CodeKimi CodeLe ChatLe Chat

自社アプリを作っていますか？Connectorはあなたのもの。

Percyを働かせるのにクライアントは不要です。同じホストされた接続が、あなたのアプリやエージェントのコードにそのまま組み込め、すべてのリクエストに同じガバナンスが適用されます。作るのも、会話するのも、1つの接続で両方。

実測値、推定値ではない

平均936ms。本番環境で高速。

Percyは本番サービスに対して毎日チェックされています。

日次平均最大1190ms
10月3日今日
最速日
743ms
最遅日
1190ms
14日間の傾向
遅延傾向+36%

クライアントを接続

1つのURL。すべてのクライアント。

Connectorを有効化し、リンクをコピーして、いつも使うクライアントに貼り付けるだけ。10個の機能がすぐに使えます。

プレビューアクセス · プロバイダー認証ではありません

vk_preview_* トークンは Vinkius のプレビューインフラに属します。Claude が Percy のケイパビリティを検出して表示できるようにし、AI の中でその体験を確認できます。

このトークンは Percy のアカウントを認証するものではありません。認証情報や実際のアカウントデータが必要なアクションは、Connector を有効化してサービスを承認するまで実行されない場合があります。

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

各クライアントの手順ガイドはこちらです。 接続方法

Claude向けのガイド付きセットアップ？ PercyをClaudeや他のAIに設定する

このConnectorが対応するすべてのAIクライアントを見る ↑

対象ユーザー

Percyユーザーが任せたい仕事のために。

UIの品質管理を自動化し、開発サイクルを高速化したいエンジニア向けです。

  • 01

    QA・テストエンジニア

    レンダリングの回帰を検知し、詳細な境界条件を即座に特定するために使用します。

  • 02

    フロントエンド開発チーム

    ダッシュボードを介さずに、パイプラインの制限やエラーを効率的に解決するために使用します。

  • 03

    DevOps管理者

    CIパイプラインの健全性を監視し、未レビューの要素をグローバルに追跡するために使用します。

FAQ

Percyユーザーからのよくある質問。

  • 01

    How do I use this MCP with Claude or Cursor?

    You connect the Percy MCP through Vinkius. Once connected, the capabilities are automatically available to any MCP-compatible client like Claude, Cursor, or Windsurf.

  • 02

    Can I approve snapshots directly from my chat?

    Yes. You can use the approve_snapshot or approve_build capabilities by simply asking your agent to do so.

  • 03

    Does this MCP require me to host anything?

    No. Vinkius hosts the MCP and manages the connection to the Percy API for you.

  • 04

    What kind of data can my agent see?

    Your agent can access project details, build statuses, snapshot review states, and specific pixel diff percentages.

  • 05

    Do I need to provide my own Percy credentials?

    Yes, you will need to provide your Percy Project Token to allow the MCP to interact with your specific Percy account.

  • 06

    Can the AI automatically approve an entire Percy build limit safely via constraints natively?

    Absolutely strictly explicitly natively. The integration encapsulates the approve_build action dynamically structurally executing the final endpoint verification marking bounds explicitly matching visual approvals effortlessly saving limits.

  • 07

    How explicitly strict are the parameter bounds when extracting image comparisons logistically?

    Invoking Explicit bounding via list_comparisons tracks native image differences safely cleanly bounding metrics returning explicit difference percentages mapping base width loops directly over testing node grids explicitly gracefully natively.

  • 08

    Where structurally globally do I find my Explicit Percy integration token accurately gracefully?

    Navigate explicit bounds inside your native Percy workspace parameters explicitly mapping 'Project Settings > Integrations/Tokens'. Globally limit testing node arrays explicitly generating Token strings seamlessly securely correctly internally securely elegantly here.

さがす

Ship Itの他のコネクタ

おすすめ

『Percy』を Claude、Cursor、ChatGPT などに接続