Name: Playwright Timeline MCP App
Availability: InStock
Author: unthinkmedia

Ce que fait cette application

Fournit une interface de chronologie visuelle riche pour l'automatisation du navigateur Playwright. Au lieu d'une exécution aveugle, elle génère un carrousel interactif de captures d'écran et de cartes d'action, permettant aux utilisateurs d'auditer visuellement les étapes d'automatisation, de déboguer les échecs de sélecteurs et d'examiner les flux de travail multi-étapes directement dans leur client IA.

Fonctionnalités clés

Chronologie Visuelle : Chaque action est affichée sous forme de carte extensible pour un audit facile.
Carrousel de Captures d'Écran : Naviguez à travers l'historique visuel de la session du navigateur.
Débogage Visuel : Voyez exactement ce que le navigateur voyait lorsqu'un sélecteur a échoué.
Enregistrement de Session : Capturez des enregistrements vidéo complets des flux d'automatisation pour lecture.
Pièce Jointe de Contexte : Renvoyez des captures d'écran à l'IA pour analyse visuelle et suggestions de correction.

Installation

Installer les dépendances : npm install && npx playwright install chromium
Construire le projet : npm run build

Configuration Claude Desktop/VS Code :

{
  "mcp": {
    "servers": {
      "playwright-timeline": {
        "command": "node",
        "args": ["/path/to/playwright-mcp-app/dist/main.js"]
      }
    }
  }
}