/ Annuaire / Playground / BrowserWing
● Communauté browserwing ⚡ Instantané

BrowserWing

par browserwing · browserwing/browserwing

Enregistre vos actions navigateur et les émet comme commandes de skill Claude ou MCP — transformez des flux manuels en routines appelables par agent.

BrowserWing observe votre navigateur, capture l'intention (clics, remplissages, navigations), et émet un artefact appelable par agent : soit un skill Claude soit un outil MCP. Utilisez-le pour enseigner aux agents des flux navigateur répétitifs sans écrire du Playwright manuellement.

Pourquoi l'utiliser

Fonctionnalités clés

Démo en direct

Aperçu en pratique

prêt

Installer

Choisissez votre client

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Ouvrez Claude Desktop → Settings → Developer → Edit Config. Redémarrez après avoir enregistré.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Cursor utilise le même schéma mcpServers que Claude Desktop. La config projet l'emporte sur la globale.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Cliquez sur l'icône MCP Servers dans la barre latérale Cline, puis "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Même format que Claude Desktop. Redémarrez Windsurf pour appliquer.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "browserwing-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ]
    }
  ]
}

Continue utilise un tableau d'objets serveur plutôt qu'une map.

~/.config/zed/settings.json
{
  "context_servers": {
    "browserwing-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/browserwing/browserwing"
        ]
      }
    }
  }
}

Ajoutez dans context_servers. Zed recharge à chaud à la sauvegarde.

claude mcp add browserwing-skill -- git clone https://github.com/browserwing/browserwing

Une seule ligne. Vérifiez avec claude mcp list. Supprimez avec claude mcp remove.

Cas d'usage

Usages concrets : BrowserWing

Enseigner à Claude un flux en vous enregistrant

👤 Utilisateurs Claude Code ⏱ ~15 min intermediate

Quand l'utiliser : Une tâche navigateur répétitive que vous souhaiteriez que Claude puisse effectuer.

Déroulement
  1. Enregistrer
    Démarrez BrowserWing ; effectuez le flux.✓ Copié
    → Trace capturée
  2. Affiner
    Annotez les entrées variables.✓ Copié
    → Flux paramétré
  3. Émettre
    Exportez comme skill / outil MCP.✓ Copié
    → Appelable par agent

Résultat : Routine navigateur reproductible que Claude peut invoquer.

Combinaisons

Associez-le à d'autres MCPs pour un effet X10

browserwing-skill + playwright-mcp

Utiliser Playwright MCP en dessous ; BrowserWing pour l'UX de capture

Combiner browserwing-skill avec playwright-mcp : Playwright MCP en dessous, BrowserWing pour l'UX de capture✓ Copié

Outils

Ce que ce MCP expose

OutilEntréesQuand appelerCoût
recorder + runner (voir la documentation) Paire CLI + artefact skill 1 appel

Coût et limites

Coût d'exécution

Quota d'API
Navigateur local
Tokens par appel
Petit par appel
Monétaire
OSS gratuit
Astuce
Ré-enregistrez quand les sites changent de mise en page

Sécurité

Permissions, secrets, portée

Portées minimales : browser-control
Stockage des identifiants : Flux capturés sur disque
Sortie de données : Là où le flux va
Ne jamais accorder : record on banking / health sites blindly

Dépannage

Erreurs courantes et correctifs

Dérive du sélecteur

L'enregistreur préfère rôle + texte — ré-enregistrez si le site a été redesigné

Alternatives

BrowserWing vs autres

AlternativeQuand l'utiliserCompromis
Playwright écrit manuellementVous souhaitez le contrôle du codePlus lent à créer

Plus

Ressources

📖 Lire le README officiel sur GitHub

🐙 Voir les issues ouvertes

🔍 Parcourir les 400+ serveurs MCP et Skills