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
Audacity MCP Server Donne à Claude AI un Contrôle Complet de l'Édition Audio
Un développeur a créé un serveur MCP qui connecte Claude AI à Audacity via mod-script-pipe, offrant 99 outils pour des commandes d'édition audio en langage naturel. L'outil open source fonctionne avec Claude Desktop, Claude Code ou Cursor.
log-context-mcp : L'outil MCP réduit de 96% l'utilisation des tokens de journal pour le débogage de Claude
log-context-mcp est un outil MCP qui prétraite les fichiers journaux avant qu'ils n'atteignent le contexte de Claude, en dédupliquant les lignes, en regroupant les traces de pile et en éliminant le bruit pour réduire l'utilisation de tokens. Des tests sur un journal Apache de 2000 lignes ont montré une réduction de 96,5 % tout en identifiant correctement les causes racines.
Supra-50M-Reasoning : Petit modèle open-source avec raisonnement par chaîne de pensée
SupraLabs publie Supra-50M-Reasoning, un modèle de 50M paramètres affiné pour produire une chaîne de pensée complète avant les réponses. Dataset de 500 échantillons rédigé à la main, entièrement open source.
Relvy améliore la précision de l'analyse des causes racines de Claude de 12 points de pourcentage sur le benchmark OpenRCA.
Relvy, un outil qui automatise les runbooks, a démontré une amélioration de 12 points de pourcentage de la précision de Claude sur le benchmark OpenRCA pour l'analyse des causes racines. Les résultats ont été partagés via un post Hacker News avec 11 points.