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
Aplicación de Liderazgo con 90+ Lecciones de 20+ Libros Funciona en Claude
Un desarrollador creó una aplicación de liderazgo que funciona dentro de Claude, con más de 90 lecciones extraídas de más de 20 libros sobre liderazgo, hábitos, disciplina, influencia, cultura de equipo y mentalidad de riqueza. La aplicación ofrece lecciones diarias con acciones específicas, seguimiento de rachas, diario y capacidades de búsqueda.
Colección de Estilos de Salida Personalizados para Claude Code
Un desarrollador ha creado 13 estilos de salida personalizados para Claude Code que modifican el comportamiento de la IA a través de indicaciones del sistema. Los estilos incluyen Roast para críticas de código brutales, Socrático para preguntas guiadas, Breaker para pruebas adversarias, Ship It para soluciones pragmáticas, Paranoico para enfoque en seguridad y TDD para desarrollo guiado por pruebas.
engram: complemento de memoria de Claude con captura regulada por relevancia y ciclos de sueño
engram es un complemento de memoria para Claude que filtra observaciones en el momento de captura utilizando 5 dimensiones de relevancia, conservando solo eventos de alta puntuación en SQLite sin llamadas a LLM en la puntuación. Cuenta con inyección automática a través de 5 ganchos y ciclos de sueño que extraen flujos de trabajo recurrentes al final de la sesión.
Scrapling integrado como columna vertebral de scraping de OpenClaw.
Scrapling, una biblioteca de código abierto que aprende la estructura de las páginas y se adapta a los cambios, se ha integrado en OpenClaw como su motor de scraping central. Es 774 veces más rápido que BeautifulSoup con Lxml y admite múltiples tipos de selectores con sesiones asíncronas.