Outils

motif MCP offre à Claude Code la capacité de visionner des vidéos pour la reproduction de bugs UI

✍️ OpenClawRadar📅 Publié: May 10, 2026🔗 Source
motif MCP offre à Claude Code la capacité de visionner des vidéos pour la reproduction de bugs UI
Ad

Claude Code ne peut pas lire de vidéos nativement, ce qui rend le diagnostic des bugs visuels d'interface—survols, animations, comportement de défilement—fastidieux car il faut décrire le bug avec des mots. motif est un nouveau serveur MCP qui résout ce problème en vous permettant de pointer Claude Code vers un enregistrement d'écran du bug.

Comment ça marche

Vous enregistrez le bug, pointez motif vers le fichier, et il renvoie trois choses : ce qui se passe visuellement, la cause racine, et un diff. Il utilise Gemini 2.5 Flash en interne car ce modèle traite la vidéo comme une séquence d'images plutôt qu'une simple capture d'écran—une distinction importante pour les bugs impliquant un dépassement de 200 ms ou un état de survol qui se réinitialise au mauvais moment.

Ad

Configuration

Vous avez besoin d'une clé API Gemini. Ajoutez ensuite deux lignes à votre mcp.json :

{
  "mcpServers": {
    "motif": {
      "command": "npx",
      "args": ["motif-mcp"],
      "env": {
        "GEMINI_API_KEY": "votre-clé-ici"
      }
    }
  }
}

Ensuite, l'interface est simple : dites à Claude Code de regarder l'enregistrement.

Essayez-le

Exécutez npx motif-mcp pour commencer. Le projet est encore à un stade précoce, donc les retours sont les bienvenus.

À qui ça s'adresse

Aux développeurs utilisant Claude Code pour le travail front-end qui souhaitent éviter l'étape de description manuelle des bugs pour les problèmes visuels.

📖 Lire la source complète : r/ClaudeAI

Ad

👀 See Also

Rowboat : Assistant IA Open-Source avec Mémoire de Graphe de Connaissances
Tools

Rowboat : Assistant IA Open-Source avec Mémoire de Graphe de Connaissances

Rowboat est une application open-source qui transforme votre travail en un graphe de connaissances vivant, stockant les données localement au format Markdown, et offrant une assistance locale pilotée par l'IA.

OpenClawRadar
graphify-ts : Un serveur MCP local réduit les tokens de revue de PR de Claude Code de 63K à 8,7K
Tools

graphify-ts : Un serveur MCP local réduit les tokens de revue de PR de Claude Code de 63K à 8,7K

graphify-ts construit un graphe de connaissances local de votre codebase en utilisant l'AST de tree-sitter + les communautés Louvain + BM25 + un réordonnancement ONNX optionnel, et l'expose via MCP stdio. Dans les tests en production, il a réduit les tokens d'entrée de 2,6x et la latence de 2,8x pour les requêtes de code, et a réduit les prompts de revue de PR de 63K à 8,7K tokens.

OpenClawRadar
Agint : Un outil CLI en Rust qui détecte les contradictions dans les fichiers d'instructions des agents IA
Tools

Agint : Un outil CLI en Rust qui détecte les contradictions dans les fichiers d'instructions des agents IA

Agint est un outil CLI Rust gratuit et open-source qui analyse les fichiers d'instructions comme CLAUDE.md et AGENTS.md à la recherche de contradictions, de références manquantes à des fichiers et de problèmes de synchronisation. Il utilise l'analyse statique pour les problèmes structurels et peut éventuellement appeler l'API Claude pour la détection de contradictions sémantiques.

OpenClawRadar
SmallClaw V1.0.3 ajoute la prise en charge des Webhooks, de l'automatisation n8n et du serveur MCP.
Tools

SmallClaw V1.0.3 ajoute la prise en charge des Webhooks, de l'automatisation n8n et du serveur MCP.

SmallClaw V1.0.3 introduit des points de terminaison webhook pour déclencher des services externes, des flux de travail d'automatisation locale avec n8n, et des connexions serveur MCP pour l'intégration d'outils. La mise à jour maintient l'objectif de l'outil de fonctionner avec de petits LLM locaux.

OpenClawRadar