Blip MCP Server: Zeichne UI-Änderungen für Claude Code anstatt sie zu beschreiben

✍️ OpenClawRadar📅 Veröffentlicht: 23. März 2026🔗 Source
Blip MCP Server: Zeichne UI-Änderungen für Claude Code anstatt sie zu beschreiben
Ad

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.

Ad

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-mcp

Projektlinks

  • 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

Ad

👀 Siehe auch

Open-Source Artikel-12-Protokollierungsbibliothek für die Einhaltung des EU-KI-Gesetzes
Werkzeuge

Open-Source Artikel-12-Protokollierungsbibliothek für die Einhaltung des EU-KI-Gesetzes

Eine kostenlose, quelloffene TypeScript-Bibliothek für Node.js-Anwendungen mit Vercel AI SDK, die die Protokollierungsanforderungen von Artikel 12 mit ausschließlich anfügbaren JSONL-Protokollen, SHA-256-Hash-Ketten zur Manipulationserkennung und Durchsetzung einer 180-tägigen Aufbewahrungsfrist implementiert.

OpenClawRadar
Open-Source-Claude-Code-Fähigkeit /unzuck kuratiert Social-Media-Feeds in Dashboards
Werkzeuge

Open-Source-Claude-Code-Fähigkeit /unzuck kuratiert Social-Media-Feeds in Dashboards

Eine kostenlose, quelloffene Claude Code-Fähigkeit namens /unzuck scannt parallel Feeds von Hacker News, Reddit, LinkedIn, YouTube, Twitter/X, Instagram und Facebook mithilfe von Browser-Automatisierung, bewertet Beiträge anhand von Nutzerinteressenprofilen und erstellt interaktive HTML-Dashboards.

OpenClawRadar
🦀
Werkzeuge

Tendril: Ein sich selbst erweiternder Agent, der Werkzeuge im Handumdrehen erstellt und registriert

Tendril ist eine agentische Sandbox, die autonom Werkzeuge entdeckt, erstellt und registriert. Sie startet mit nur drei Bootstrap-Werkzeugen und erweitert dynamisch ihre Fähigkeitsregistrierung, ohne den Nutzer zu fragen.

OpenClawRadar
OpenTidy: Open-Source Hintergrund-Assistent mit Claude Code für Verwaltungsaufgaben
Werkzeuge

OpenTidy: Open-Source Hintergrund-Assistent mit Claude Code für Verwaltungsaufgaben

OpenTidy ist ein Open-Source-macOS-Dienst, der persistente Claude-Code-Sitzungen erzeugt, um Verwaltungsaufgaben wie Rechnungen, Formulare und Kommunikationspriorisierung zu bearbeiten. Er führt bis zu 10 parallele Jobs mit Telegram-Benachrichtigungen für sensible Aktionen aus.

OpenClawRadar