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
bad-ass-mcp : MCP gratuit et open source pour le contrôle natif de l'interface graphique de bureau via l'API d'accessibilité
bad-ass-mcp est un serveur MCP open source qui permet à Claude et autres agents IA de contrôler les bureaux macOS, Windows et Linux via la couche d'accessibilité native — sans captures d'écran, sans boucles regarder-déplacer-regarder. Alternative gratuite à Computer Use, Operator ou UiPath.
Lumyr : Génération de Tableaux de Bord via Claude avec Automatisation Python et Streamlit
Lumyr est un outil qui génère des tableaux de bord en direct et partageables à partir de descriptions en anglais simple, utilisant Claude pour la génération des tableaux de bord et automatisant la couche Python et Streamlit. Les utilisateurs n'ont pas besoin d'écrire du Python, d'ouvrir Streamlit, de déployer, de configurer l'hébergement ou de gérer l'infrastructure.
Utilisateur de Reddit mesure la surcharge des tokens MCP : 67 000 tokens consommés avant toute question
Un développeur a mesuré la surcharge de jetons de son serveur MCP à 67 000 jetons consommés avant même de poser une seule question, avec Playwright MCP utilisant 13 600 jetons et GitHub MCP utilisant 18 000 jetons en veille. Il a remplacé MCP par des compétences et des outils CLI pour réduire les coûts de contexte.
Tableau de Bord Open Source Révèle les Coûts Réels de Calcul du Code Claude
Un développeur a rétro-conçu la formule de limite de taux de Claude Code pour créer un tableau de bord local qui affiche le pourcentage d'utilisation en temps réel, les coûts réels en dollars, le taux de consommation, les heures de pointe et quelles compétences/hooks sont déclenchés. L'outil a révélé qu'un forfait de 100$/mois a consommé 13 286$ en équivalent de calcul API en un mois.