Serveur MCP Blip : Dessinez les modifications de l'interface utilisateur pour le code Claude au lieu de les décrire
Ce que Blip Résout
Le développeur a créé Blip pour résoudre un problème de communication spécifique lors du travail avec des assistants de codage IA : les allers-retours pour décrire verbalement les modifications de l'interface utilisateur. Des exemples de la source incluent : "Déplacez le bouton de 20px vers la gauche", "Non, l'autre bouton", et "L'espacement entre la deuxième et la troisième section". Ce processus gaspille souvent plus de temps que la mise en œuvre de la correction elle-même.
Comment Cela Fonctionne
Blip ouvre votre application en cours d'exécution avec des outils de dessin superposés. Vous pouvez :
- Encerclez un bouton
- Dessiner une flèche
- Écrire du texte comme "ajoutez plus d'espacement ici"
Après avoir annoté la capture d'écran, vous cliquez sur envoyer. Claude Code reçoit l'image annotée et écrit le code correspondant pour mettre en œuvre les modifications que vous avez indiquées.
Détails Techniques
Blip est un serveur MCP (Model Context Protocol) construit spécifiquement pour Claude Code. L'ensemble du projet a été construit en utilisant Claude Code sur un week-end. Il est gratuit, open source sous licence MIT, et s'exécute entièrement localement sans collecte de données.
Installation
Pour installer :
claude mcp add blip -- npx blip-mcpLiens du Projet
- Page d'accueil : https://blip-chi.vercel.app
- Dépôt GitHub : https://github.com/nebenzu/Blip
- Exemple de capture d'écran : https://preview.redd.it/lo07xfhfr7qg1.png?width=2878&format=png&auto=webp&s=c8bad2090f27ec4701375aaf671a49369ce416
Le développeur note qu'il s'agit de son premier projet open source et qu'il est heureux de recevoir des retours.
📖 Read the full source: r/ClaudeAI
👀 See Also
Airbyte Agents : Une couche de contexte pré-indexée pour les agents IA vs MCPs d'API brutes
Airbyte lance Airbyte Agents, une couche de contexte qui pré-indexe les données des systèmes opérationnels (Slack, Salesforce, Linear, Zendesk, Gong) pour réduire la consommation de jetons des agents jusqu'à 90% par rapport aux MCPs des fournisseurs directs.
Zoku : Un outil qui détecte automatiquement les workflows répétés dans le code Claude
Zoku est un outil local qui se connecte au système d'événements de Claude Code pour enregistrer les actions des outils à travers les sessions, identifie les schémas de flux de travail répétés, puis informe Claude de ces schémas afin qu'il puisse les suggérer ou les exécuter de manière proactive. Il ne nécessite aucune configuration, n'a aucune dépendance et stocke tout localement dans ~/.zoku/.
Agent Smith : Une commande pour structurer les serveurs MCP, les compétences et un pipeline ticket-vers-PR pour Claude Code
Agent Smith scanne votre dépôt, détecte la stack exacte (Go/Echo, React/Zustand, golang-jwt, pgx, etc.), met en place les serveurs MCP, hooks et compétences adaptés à votre configuration, et fournit un pipeline autonome du ticket à la PR.
OpenClaw contre Hermes : Philosophies de conception différentes pour les agents d'IA
OpenClaw est une passerelle multi-canaux qui connecte WhatsApp, Telegram, Discord, Slack et iMessage avec un vaste écosystème de compétences, tandis qu'Hermes est un agent d'apprentissage qui évalue les tâches, enregistre les modèles sous forme de compétences réutilisables et construit un modèle de votre flux de travail au fil du temps.