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
Piloto: Una Herramienta de Automatización de Navegador Construida Completamente con Código Claude
Una persona sin conocimientos de desarrollo utilizó Claude Code para crear Pilot, una herramienta de automatización de Chrome que permite a la IA controlar navegadores mediante la navegación del árbol de accesibilidad. La herramienta asigna números a los elementos clicables para que Claude pueda emitir comandos como 'clic 5' en lugar de adivinar posiciones en pantalla.
OpenPlawd: Habilidad de OpenClaw para Notas Automatizadas de Reuniones Plaud
OpenPlawd es una habilidad de OpenClaw que procesa automáticamente las grabaciones de Plaud y las convierte en notas de reunión estructuradas en HTML. Consulta las cuentas de Plaud cada hora, transcribe con Whisper o OpenAI, divide archivos grandes y genera notas con elementos de acción mediante un agente de OpenClaw.
Queuelo: Una API Liviana de Aprobación para Agentes LLM
Queuelo es una capa API simple que permite a los agentes de LLM pausar antes de acciones irreversibles. Los agentes envían solicitudes de acción mediante POST, tú recibes una notificación para aprobar o rechazar, y el agente recibe la respuesta a través de un webhook.
Zoku: Una Herramienta que Detecta Automáticamente Flujos de Trabajo Repetidos en Código Claude
Zoku es una herramienta local que se conecta al sistema de eventos de Claude Code para registrar acciones de herramientas a través de sesiones, identifica patrones repetidos de flujo de trabajo y luego informa a Claude sobre estos patrones para que pueda sugerirlos o ejecutarlos proactivamente. No requiere configuración, no tiene dependencias y almacena todo localmente en ~/.zoku/.