An astronaut overseeing a futuristic data hub
Télécharger le PDFVersion Markdown

Connectez Percy à ChatGPT, Claude et Gemini

Configurez-le une fois et il fonctionne avec ChatGPT, Claude, Cursor et n'importe quel autre client que vous aimez. Tout s'exécute en toute sécurité en arrière-plan, pour que vous puissiez vous détendre et vous concentrer sur l'essentiel. Automatisez la validation de votre interface utilisateur avec précision.

Demandez à l'IA à propos de ce Connector

Développé, maintenu et hébergé par Vinkius.

MCP VÉRIFIÉ · PRÊT POUR LA PRODUCTION · GARANTIE VINKIUS

Waiting for input…

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

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Votre IA fait le travail. Nous veillons dessus, en toute sécurité.

Aucun autre outil d'IA ne vous offre ça. Votre workflow s'exécute dans le client que vous aimez déjà, votre compte reste protégé, et vous décidez ce que l'agent peut ou ne peut pas faire. C'est la vraie raison de faire le pas.

Chaque Connector vit dans notre infrastructure, là où votre workflow s'exécute. Les trois choses ci-dessous en font déjà partie et travaillent discrètement en arrière-plan pour que vous n'ayez jamais à y penser. Rien à ajouter, rien à configurer, aucune inquiétude à avoir.

A futuristic MCP client docking bay
V8 Isolate01

Chaque Connector s'exécute dans son propre environnement scellé.

Chaque Connector s'exécute dans son propre runtime V8 scellé, sans accès à vos fichiers, à votre système ni aux autres serveurs. Un Connector ne voit jamais au-delà de sa propre requête.

Kill Switch02

Un seul interrupteur arrête tous les agents. Immédiatement.

Une seule action désactive tous les Connectors, révoque tous les tokens et termine toutes les sessions d'un coup. La Gouvernance de l'IA conserve le registre.

FinOps par utilisateur03

Des limites de dépense qui s'interrompent au lieu de surprendre.

Chaque utilisateur garde ses propres connexions et identifiants, isolés de ceux des autres. Ce qui dépasserait votre limite de dépense est stoppé et mis en attente de votre approbation, pas facturé.

Trois contrôles, intégrés à la couche par laquelle votre IA se connecte.

Sélection · 10 capacités

Nous ne livrons que les actions qui comptent.

Ensemble de capacités01 / 03

01-04

4 capacités dans cet ensemble.

Sur 10 disponibles via Percy.

  1. 01

    Lister les projets

    Récupère la liste de tous les projets Percy (BrowserStack). Fournit les noms, les slugs et les configurations de navigateurs au format JSON:API.

  2. 02

    Détails du build

    Obtient les informations complètes d'un build Percy, incluant son état, le nombre de snapshots, les approbations et les détails du commit.

  3. 03

    Approuver un build

    Valide l'intégralité d'un build Percy en approuvant tous les snapshots non examinés pour permettre le déploiement.

  4. 04

    Approuver un snapshot

    Approuve un snapshot spécifique pour le marquer comme correct et mettre à jour la référence pour les comparaisons futures.

Ensemble de capacités02 / 03

05-07

3 capacités dans cet ensemble.

Sur 10 disponibles via Percy.

  1. 05

    Détails du projet

    Accède aux paramètres complets d'un projet, comme la branche par défaut, l'auto-approbation et les cibles de navigateurs.

  2. 06

    Détails du snapshot

    Récupère les données précises d'un snapshot, notamment son état de révision, ses dimensions et son empreinte numérique.

  3. 07

    Lister les navigateurs

    Affiche les familles de navigateurs supportées par Percy, incluant les versions et les combinaisons de systèmes d'exploitation.

Ensemble de capacités03 / 03

08-10

3 capacités dans cet ensemble.

Sur 10 disponibles via Percy.

  1. 08

    Lister les builds

    Récupère la liste des builds d'un projet, avec leurs états (en cours, terminé, échoué) et les informations de commit.

  2. 09

    Lister les comparaisons

    Affiche les différences visuelles pour un snapshot, incluant les images de différence et les pourcentages de régression.

  3. 10

    Lister les snapshots

    Liste les snapshots d'un build, en précisant leur état de révision et le pourcentage de différence visuelle constaté.

Travail réel

Ce que les équipes font tourner

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.

Automatisez une tâche

Mettez Percy au travail sur une chose.

Des automatisations étape par étape que votre IA exécute via ce Connector : le flux, les prompts pour démarrer et les capabilities exactes derrière chaque étape.

Un connector, toutes les IAs

Percy fonctionne avec les clients IA les plus populaires.

Voici les clients les plus populaires, chacun avec un guide pas à pas : un lien, configuré une fois, avec gouvernance et visibilité intégrées. Et comme tout tourne sur le standard MCP, la même connexion fonctionne aussi dans tout autre client compatible : rien à reconstruire.

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

Vous construisez votre propre app ? Le connector est à vous.

Vous n'avez pas besoin d'un client pour mettre Percy au travail : la même connexion hébergée se branche sur vos propres applications et le code de votre agent, avec la même gouvernance à chaque requête. Construisez avec lui, discutez avec lui : une connexion pour les deux.

Observée, pas estimée

Moyenne de 936 ms. Rapide en production.

Percy est vérifié quotidiennement contre le service en production.

Moyenne quotidiennePic à 1190 ms
3 oct.Aujourd'hui
Jour le plus rapide
743ms
Jour le plus lent
1190ms
Tendance sur 14 jours
En ralentissement+36%

Connectez votre client

Une URL. Tous les clients.

Activez le Connector, copiez votre lien et collez-le dans le client que vous utilisez déjà. 10 capacités arrivent prêtes à l'emploi.

Accès aperçu · pas d’authentification du fournisseur

Le jeton vk_preview_* appartient à l’infrastructure d’aperçu de Vinkius. Il permet à Claude de découvrir et d’afficher les capacités de Percy, pour que vous voyiez l’expérience dans votre IA.

Il n’authentifie pas votre compte auprès de Percy. Les actions nécessitant des identifiants ou des données de compte réelles peuvent ne pas s’exécuter tant que vous n’avez pas activé le Connector et autorisé le service.

Percy Connector

Tout est prêt. Choisissez votre client MCP et suivez les instructions de configuration.

Lien du connecteurhttps://edge.vinkius.com/vk_preview_6LH0zsvN8J0nY7uPYJ5ybHRW80VU7JdDwEgote5I/mcp

Claude Desktop

Suivez les étapes ci-dessous pour vous connecter en quelques secondes.

  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.
Configuration · claude_desktop_config.jsonCopier
{
  "mcpServers": {
    "percy-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_6LH0zsvN8J0nY7uPYJ5ybHRW80VU7JdDwEgote5I/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Les instructions pas à pas pour chaque client sont dans le guide. Comment connecter

Configuration guidée pour Claude ? Configurer Percy avec Claude et les autres IA

Voyez tous les clients IA avec lesquels ce connector fonctionne ↑

Pour qui

Conçu pour le travail que les utilisateurs de Percy délèguent.

Ce connecteur est conçu pour les équipes qui souhaitent intégrer la validation visuelle directement dans leurs workflows de développement assistés par IA.

  • 01

    Ingénieurs QA & Test

    Pour extraire les erreurs de rendu et suivre les régressions structurelles de manière granulaire.

  • 02

    Équipes Frontend

    Pour résoudre les problèmes d'interface sans avoir à naviguer dans des tableaux de bord complexes.

  • 03

    Administrateurs DevOps

    Pour surveiller la santé des pipelines CI/CD et l'état des éléments en attente de révision.

FAQ

Les questions des utilisateurs de 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.

Explorer

Plus dans Ship It

Suggestions

Connectez Percy à Claude, Cursor, ChatGPT et d'autres