An astronaut overseeing a futuristic data hub
PDF herunterladenMarkdown-Version

Verbinden Sie Percy mit ChatGPT, Claude und Gemini

Richten Sie es einmal ein und es funktioniert mit ChatGPT, Claude, Cursor und jedem anderen Client, den Sie lieben. Alles läuft sicher im Hintergrund, damit Sie sich entspannen und sich auf das Wesentliche konzentrieren können. Überwachen Sie UI-Änderungen und automatisieren Sie Snapshots direkt über Ihre LLM-Modelle.

Fragen Sie die KI zu diesem Connector

Entwickelt, gewartet und gehostet von Vinkius.

MCP VERIFIZIERT · PRODUKTIONSREIF · VINKIUS GARANTIE

Waiting for input…

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

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Ihre KI erledigt die Arbeit. Wir halten alles sicher und geschützt.

Kein anderes KI-Tool bietet Ihnen das. Ihr Workflow läuft im Client, den Sie bereits lieben, Ihr Konto bleibt geschützt, und Sie entscheiden, was der Agent darf und was nicht. Das ist der ganze Grund für den Wechsel.

Jeder Connector lebt in unserer Infrastruktur, dort wo Ihr Workflow läuft. Die drei Dinge unten sind bereits Teil davon und arbeiten leise im Hintergrund, damit Sie nie darüber nachdenken müssen. Nichts hinzuzufügen, nichts einzurichten, keine Sorgen.

A futuristic MCP client docking bay
V8 Isolate01

Jeder Connector läuft in seiner eigenen abgeschotteten Umgebung.

Jeder Connector läuft in einer eigenen abgeriegelten V8-Laufzeit — kein Zugriff auf Ihre Dateien, Ihr System oder andere Server. Ein Connector sieht nie über seine eigene Anfrage hinaus.

Kill-Switch02

Ein Schalter stoppt jeden Agenten. Sofort.

Eine einzige Aktion deaktiviert jeden Connector, entzieht jedes Token und beendet jede Sitzung auf einmal. Die AI Governance bewahrt das Protokoll.

FinOps pro Nutzer03

Ausgabelimits, die anhalten, statt Sie zu überraschen.

Jeder Nutzer behält eigene Verbindungen und Anmeldedaten, isoliert von allen anderen. Was Ihr Ausgabelimit überschreiten würde, wird zurückgehalten und wartet auf Ihre Freigabe, anstatt abgerechnet zu werden.

Drei Kontrollen, eingebaut in die Schicht, über die sich Ihre KI verbindet.

Kuratiertes Set · 10 Fähigkeiten

Wir liefern nur die Aktionen, die zählen.

Fähigkeiten-Set01 / 03

01-04

4 Fähigkeiten in diesem Set.

Teil von 10, verfügbar über Percy.

  1. 01

    Projekte auflisten

    Zeigt alle Percy-Projekte an. Liefert Projektnamen, Slugs und Browser-Konfigurationen im JSON:API-Format.

  2. 02

    Build-Details abrufen

    Liefert vollständige Informationen zu einem Percy-Build, einschließlich Status, Snapshot-Anzahl, Branch, Commit-SHA und Zeitstempel.

  3. 03

    Build genehmigen

    Setzt den gesamten Build auf 'grün', indem alle nicht geprüften Snapshots automatisch genehmigt werden.

  4. 04

    Snapshot genehmigen

    Genehmigt einen einzelnen Percy-Snapshot und aktualisiert damit die Baseline für zukünftige Vergleiche.

Fähigkeiten-Set02 / 03

05-07

3 Fähigkeiten in diesem Set.

Teil von 10, verfügbar über Percy.

  1. 05

    Projektdetails abrufen

    Gibt detaillierte Informationen zu einem Projekt aus, wie Name, Slug, Standard-Branch und Build-Anzahl.

  2. 06

    Snapshot-Details abrufen

    Zeigt Details zu einem Snapshot, einschließlich Review-Status, Breiten, Fingerabdruck und Vergleichszahl.

  3. 07

    Browser auflisten

    Listet alle unterstützten Browser-Familien auf, inklusive Versionen und Betriebssystem-Kombinationen.

Fähigkeiten-Set03 / 03

08-10

3 Fähigkeiten in diesem Set.

Teil von 10, verfügbar über Percy.

  1. 08

    Builds auflisten

    Zeigt alle Builds eines Projekts an, inklusive Status, Branch-Namen und Snapshot-Anzahl.

  2. 09

    Vergleiche auflisten

    Zeigt die visuellen Unterschiede zwischen Baseline und Head für einen Snapshot an, inklusive Diff-Prozenten.

  3. 10

    Snapshots auflisten

    Listet alle Snapshots innerhalb eines Builds auf und zeigt deren Review-Status sowie Differenzwerte.

Echte Arbeit

Was Teams täglich ausführen

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.

Eine Aufgabe automatisieren

Bringen Sie Percy für eine Sache an die Arbeit.

Schritt-für-Schritt-Automatisierungen, die Ihre KI über diesen Connector ausführt: der Ablauf, die Prompts für den Einstieg und die genauen Fähigkeiten hinter jedem Schritt.

Ein Connector, jede KI

Percy funktioniert mit den beliebtesten KI-Clients.

Dies sind die beliebtesten Clients, jeder mit einer Schritt-für-Schritt-Anleitung: ein Link, einmal eingerichtet, mit Governance und Sichtbarkeit an Bord. Und da alles auf dem MCP-Standard läuft, funktioniert dieselbe Verbindung auch in jedem anderen kompatiblen Client — nichts neu zu bauen.

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

Bauen Sie Ihre eigene App? Der Connector gehört Ihnen.

Sie brauchen keinen Client, um Percy arbeiten zu lassen: dieselbe gehostete Verbindung speist Ihre eigenen Anwendungen und Ihren Agenten-Code, mit derselben Governance bei jeder Anfrage. Damit bauen, damit chatten — eine Verbindung für beides.

Beobachtet, nicht geschätzt

Durchschnitt 936ms. Schnell in der Produktion.

Percy wird täglich gegen den Live-Service geprüft.

TagesdurchschnittSpitze 1190ms
3. Okt.Heute
Schnellster Tag
743ms
Langsamster Tag
1190ms
14-Tage-Trend
Verlangsamend+36%

Verbinden Sie Ihren Client

Eine URL. Jeder Client.

Aktivieren Sie den Connector, kopieren Sie Ihren Link und fügen Sie ihn in den Client ein, den Sie bereits nutzen. 10 Fähigkeiten kommen einsatzbereit an.

Vorschauzugang · keine Anbieter-Authentifizierung

Das vk_preview_*-Token gehört zur Vorschau-Infrastruktur von Vinkius. Es ermöglicht Claude, die Fähigkeiten von Percy zu entdecken und anzuzeigen, damit Sie das Erlebnis in Ihrer KI sehen.

Es authentifiziert Ihr Konto nicht bei Percy. Aktionen, die Anmeldedaten oder echte Kontodaten erfordern, werden möglicherweise erst ausgeführt, wenn Sie den Connector aktivieren und den Dienst autorisieren.

Percy Connector

Alles bereit. Wählen Sie Ihren MCP-Client und folgen Sie den Einrichtungsschritten.

Connector-Linkhttps://edge.vinkius.com/vk_preview_6LH0zsvN8J0nY7uPYJ5ybHRW80VU7JdDwEgote5I/mcp

Claude Desktop

Folgen Sie den Schritten unten, um sich in Sekunden zu verbinden.

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

Schritt-für-Schritt-Anleitungen für jeden Client finden Sie im Guide. Verbinden

Geführte Einrichtung für Claude? Percy in Claude und anderen KI-Tools einrichten

Alle KI-Clients ansehen, mit denen dieser Connector funktioniert ↑

Für wen

Für die Arbeit, die Percy-Nutzer abgeben.

Dieser MCP ist ideal für Teams, die visuelle UI-Qualität in automatisierten Pipelines sicherstellen müssen.

  • 01

    QA & Testing Engineers

    Zur schnellen Analyse fehlgeschlagener Assertions und zur Identifizierung von Rendering-Fehlern.

  • 02

    Frontend Entwickler

    Um visuelle Abweichungen direkt zu beheben, ohne komplexe Dashboards nutzen zu müssen.

  • 03

    DevOps Administratoren

    Zur Überwachung des CI-Pipeline-Status und zur Kontrolle ungeprüfter Elemente.

FAQ

Fragen von Percy-Nutzern.

  • 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.

Entdecken

Mehr in Ship It

Vorschläge

Verbinde Percy mit Claude, Cursor, ChatGPT & mehr