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
Sistema de Memoria MCP Local con Consolidación para Conversaciones de IA
Un desarrollador construyó un servidor MCP que proporciona memoria local persistente para clientes de IA, utilizando Qwen 2.5-7B para consolidar conversaciones en documentos de conocimiento estructurado cada 6 horas. El sistema funciona completamente en tu hardware con deduplicación semántica, puntuación adaptativa y búsqueda vectorial FAISS.
El usuario de Claude Code construye un complemento nvm para capturar el contexto de resolución de problemas.
Un desarrollador creó un complemento de Claude llamado nvm (memoria no volátil) que convierte el historial de sesiones de Claude en tarjetas de markdown que documentan decisiones de resolución de problemas e ideas reutilizables. La herramienta aborda el problema de perder el rastro de cómo se resolvieron los problemas al usar asistentes de codificación con IA.
Historial de Archivos de Claude: Extensión de VS Code para Seguimiento de Sesiones de Código de Claude
Una extensión de VS Code llamada Claude File History rastrea cada sesión de Claude Code que ha interactuado con tus archivos, permitiéndote encontrar conversaciones pasadas, previsualizar lo que se discutió y reanudar conversaciones con un doble clic.
El repositorio de mejores prácticas de Claude Code alcanza 50k estrellas, construido enteramente con agentes de IA
Un repositorio de GitHub lleno de mejores prácticas para Claude, desarrollado y mantenido 100% por flujos de trabajo autónomos de Claude, superó las 50,000 estrellas, convirtiéndose en el repositorio más destacado de Pakistán en 2026.