Playwright Timeline MCP App

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

1. Installer les dépendances : npm install && npx playwright install chromium
2. 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"]
      }
    }
  }
}

Hôtes supportés

• claude
• vscode-copilot