Blip MCP Server: Zeichne UI-Änderungen für Claude Code anstatt sie zu beschreiben
Was Blip löst
Der Entwickler hat Blip gebaut, um ein spezifisches Kommunikationsproblem bei der Arbeit mit KI-Coding-Assistenten zu lösen: das Hin und Her beim verbalen Beschreiben von UI-Änderungen. Beispiele aus der Quelle sind: "Bewege den Button 20px nach links", "Nein, den anderen Button" und "Der Abstand zwischen dem zweiten und dritten Abschnitt". Dieser Prozess verschwendet oft mehr Zeit als die eigentliche Umsetzung der Änderung.
Wie es funktioniert
Blip öffnet Ihre laufende Anwendung mit darübergelegten Zeichenwerkzeugen. Sie können:
- Einen Button einkreisen
- Einen Pfeil zeichnen
- Text wie "hier mehr Abstand hinzufügen" schreiben
Nachdem Sie den Screenshot kommentiert haben, klicken Sie auf Senden. Claude Code erhält das kommentierte Bild und schreibt den entsprechenden Code, um die von Ihnen angezeigten Änderungen umzusetzen.
Technische Details
Blip ist ein MCP (Model Context Protocol) Server, der speziell für Claude Code entwickelt wurde. Das gesamte Projekt wurde über ein Wochenende mit Claude Code erstellt. Es ist kostenlos, Open Source unter der MIT-Lizenz und läuft vollständig lokal ohne Datenerfassung.
Installation
Zur Installation:
claude mcp add blip -- npx blip-mcpProjektlinks
- Landing Page: https://blip-chi.vercel.app
- GitHub-Repository: https://github.com/nebenzu/Blip
- Beispiel-Screenshot: https://preview.redd.it/lo07xfhfr7qg1.png?width=2878&format=png&auto=webp&s=c8bad2090f27ec4701375aaf671a49369ce416
Der Entwickler merkt an, dass dies sein erstes Open-Source-Projekt ist und er sich über Feedback freut.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Ctxpact: Kontext-Kompaktierungs-Proxy für lokale LLMs
Ctxpact ist ein OpenAI-kompatibler Proxy, der übergroße Eingaben für lokale LLMs mit 16k-Kontextfenstern komprimiert. Er verwendet eine 3-stufige Pipeline mit DCP, Zusammenfassungs- und Extraktionsstrategien. Benchmarks zeigen, dass 110k Token auf 12k komprimiert wurden, bei 8/8 Punkten im Leseverständnis.
Ballon, der platzt, wenn Claude fertig ist: Physical Agent UI mit whisper.cpp
Ein Desktop-Ballon wird größer, während Sie eine Aufgabe sprechen, und schwebt dann über den Bildschirm, während Claude Code den Agenten ausführt. Die Transkription erfolgt lokal über whisper.cpp, die Agenten nutzen Ihren bestehenden Claude-Code-Login. Open Source.
Multi-Operator Claude Code: Hub-basierte Architektur für Multi-Agent-Sessions
Ein Hub-basiertes Setup für Claude Code ermöglicht mehreren Personen, an derselben Sitzung teilzunehmen, Teilaufgaben über Repos zu verteilen und headless Agents in Docker-Containern auszuführen.
Mandala v0.3: Open-Source-Runtime für asynchrone Logistik-Telemetrie als OpenTelemetry-Spans zur Agentenargumentation
Mandala v0.3 bietet eine quelloffene Async-Runtime, die Telemetriedaten von Samsara, Descartes, Vizion und FMCSA über Webhooks aufnimmt, Ereignisse als OpenTelemetry-Spans ausgibt und Daten über MCP-Tools für LLM-Agenten bereitstellt.