Communitygithub.com

joisun/visual-driven-review

Agent-Fähigkeit für evidenzgesteuerte visuelle UI-Überprüfung mit Playwright MCP

Was ist visual-driven-review?

Diese Agent-Fähigkeit ermöglicht eine evidenzgesteuerte visuelle UI-Überprüfung durch die Integration mit Playwright MCP (Model Context Protocol). Sie unterstützt Entwickler und QA-Ingenieure dabei, automatisierte visuelle Regressionstests durchzuführen, Screenshots zu vergleichen und UI-Differenzen mit klaren Beweisen zu dokumentieren. Die Fähigkeit nutzt Playwright, um Browser-Interaktionen durchzuführen, visuelle Snapshots zu erstellen und pixelgenaue Unterschiede zwischen dem erwarteten und aktuellen Zustand einer Benutzeroberfläche zu identifizieren. Plattformübergreifend mit Chromium, Firefox und WebKit kompatibel, arbeitet sie mit Playwright MCP auf Node.js-basierten Systemen zusammen. Die Hauptvorteile liegen in der automatisierten Erkennung visueller Fehler, der Reduzierung manueller Überprüfungsaufwände und der Bereitstellung reproduzierbarer Testergebnisse für CI/CD-Pipelines.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add joisun/visual-driven-review
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht visual-driven-review?

Agent-Fähigkeit für evidenzgesteuerte visuelle UI-Überprüfung mit Playwright MCP

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community