Servidor MCP Blip: Dibuja Cambios en la Interfaz de Usuario para el Código de Claude en Lugar de Describirlos
Lo que resuelve Blip
El desarrollador creó Blip para abordar un problema específico de comunicación al trabajar con asistentes de codificación con IA: el ir y venir de describir cambios en la interfaz de usuario verbalmente. Ejemplos de la fuente incluyen: "Mueve el botón 20px a la izquierda", "No, el otro botón" y "El relleno entre la segunda y tercera sección". Este proceso a menudo desperdicia más tiempo que implementar la solución real.
Cómo funciona
Blip abre tu aplicación en ejecución con herramientas de dibujo superpuestas. Puedes:
- Encerrar un botón en un círculo
- Dibujar una flecha
- Escribir texto como "añade más relleno aquí"
Después de anotar la captura de pantalla, presionas enviar. Claude Code recibe la imagen anotada y escribe el código correspondiente para implementar los cambios que indicaste.
Detalles técnicos
Blip es un servidor MCP (Protocolo de Contexto del Modelo) construido específicamente para Claude Code. Todo el proyecto fue desarrollado usando Claude Code durante un fin de semana. Es gratuito, de código abierto bajo la licencia MIT, y se ejecuta completamente de forma local sin recopilación de datos.
Instalación
Para instalar:
claude mcp add blip -- npx blip-mcpEnlaces del proyecto
- Página de inicio: https://blip-chi.vercel.app
- Repositorio de GitHub: https://github.com/nebenzu/Blip
- Captura de pantalla de ejemplo: https://preview.redd.it/lo07xfhfr7qg1.png?width=2878&format=png&auto=webp&s=c8bad2090f27ec4701375aaf671a49369ce416
El desarrollador señala que este es su primer proyecto de código abierto y está feliz de recibir comentarios.
📖 Read the full source: r/ClaudeAI
👀 Ver también
Argus: Una aplicación de GitHub que revisa archivos CLAUDE.md y publica puntuaciones en las PRs
Argus es una aplicación de GitHub creada con Claude Code que revisa archivos CLAUDE.md y publica una puntuación en cada solicitud de extracción. Después de probar en múltiples repositorios, los fallos más comunes son la falta de límites de alcance explícitos y rutas de escalación.
Biblioteca Gratuita de 789 Habilidades Descargables para Claude Code
clskills.in es un centro de búsqueda que ofrece 789 archivos de habilidades .md descargables para Claude Code en más de 60 categorías, incluyendo plataformas empresariales, lenguajes de programación y herramientas de DevOps. Cada descarga incluye un README y un comando de instalación automática.
SDK de Claude Code ingeniería inversa lanzado en cuatro idiomas
Un desarrollador ha realizado ingeniería inversa de Claude Code y ha creado SDKs de archivo único en Node.js, Python, Go y Rust sin dependencias. Las herramientas proporcionan un ciclo completo de agente con transmisión en tiempo real y uso de herramientas, utilizando suscripciones existentes de Claude Pro/Max.
SeeFlow: Diagramas de Arquitectura Conectados a tu Aplicación en Vivo
SeeFlow genera un lienzo de flujo a partir de tu código base y conecta cada nodo a tu aplicación en ejecución real, con plugins para Claude Code, Codex, Cursor, Windsurf y un servidor MCP.