Tools

Motiv MCP verleiht Claude Code die Fähigkeit, Videos anzusehen, um UI-Fehler zu reproduzieren

✍️ OpenClawRadar📅 Veröffentlicht: 10. Mai 2026🔗 Source
Motiv MCP verleiht Claude Code die Fähigkeit, Videos anzusehen, um UI-Fehler zu reproduzieren
Ad

Claude Code kann nativ keine Videos abspielen, was die Diagnose von visuellen UI-Fehlern – Hover-Zustände, Animationen, Scrollverhalten – mühsam macht, weil man den Fehler in Worten beschreiben muss. Motif ist ein neuer MCP-Server, der dieses Problem löst, indem Sie Claude Code auf eine Bildschirmaufnahme des Fehlers verweisen können.

Wie es funktioniert

Sie zeichnen den Fehler auf, verweisen Motif auf die Datei, und es liefert drei Dinge: was visuell passiert, die Ursache und einen Diff. Im Hintergrund wird Gemini 2.5 Flash verwendet, da dieses Modell Video als Bildsequenz und nicht als Einzelbild verarbeitet – ein entscheidender Unterschied bei Fehlern, die einen 200-ms-Überschwinger oder einen Hover-Zustand beinhalten, der zum falschen Zeitpunkt zurückgesetzt wird.

Ad

Einrichtung

Sie benötigen einen Gemini-API-Schlüssel. Fügen Sie dann zwei Zeilen zu Ihrer mcp.json hinzu:

{
  "mcpServers": {
    "motif": {
      "command": "npx",
      "args": ["motif-mcp"],
      "env": {
        "GEMINI_API_KEY": "your-key-here"
      }
    }
  }
}

Danach ist die Schnittstelle einfach: Sagen Sie Claude Code, es solle die Aufnahme ansehen.

Ausprobieren

Führen Sie npx motif-mcp aus, um zu starten. Das Projekt befindet sich in einer frühen Phase, daher ist Feedback willkommen.

Für wen es geeignet ist

Entwickler, die Claude Code für Frontend-Arbeiten nutzen und den manuellen Schritt der Fehlerbeschreibung bei visuellen Problemen überspringen möchten.

📖 Vollständige Quelle lesen: r/ClaudeAI

Ad

👀 Siehe auch

Open-Sourced the-vibe-stack: Markdown-Regeln zur Aufrechterhaltung der Code-Konsistenz von Claude
Werkzeuge

Open-Sourced the-vibe-stack: Markdown-Regeln zur Aufrechterhaltung der Code-Konsistenz von Claude

Ein Entwickler hat 'the-vibe-stack' als Open-Source veröffentlicht – eine Reihe von Markdown-Regeln, die darauf ausgelegt sind, Claude Code während längerer Sitzungen auf Kurs zu halten, indem sie ein starres Schema vorgeben. Der Ansatz zielt darauf ab, Logikdrift und Token-Verschwendung zu reduzieren und gleichzeitig vorhersehbare Ergebnisse zu gewährleisten.

OpenClawRadar
Context-Kit: Open-Source-Tool zur Konfiguration von KI-Assistenten
Werkzeuge

Context-Kit: Open-Source-Tool zur Konfiguration von KI-Assistenten

Context-kit ist ein kostenloses Tool, das Konfigurationsdateien und Skill-Dokumentation für KI-Coding-Assistenten generiert. Es unterstützt Claude Code, Cursor, Windsurf, GitHub Copilot und Gemini CLI.

OpenClawRadar
DAUB MCP Server ermöglicht es Claude, Benutzeroberflächen über JSON-Spezifikationen zu generieren und darzustellen
Werkzeuge

DAUB MCP Server ermöglicht es Claude, Benutzeroberflächen über JSON-Spezifikationen zu generieren und darzustellen

DAUB ist ein MCP-Server, der es Claude ermöglicht, direkt aus natürlichen Sprachbefehlen Benutzeroberflächen zu generieren. Er erzeugt strukturierte JSON-Spezifikationen, die als Live-Interfaces gerendert werden, ohne Codegenerierung oder Kompilierung. Er bietet vier Werkzeuge: generate_ui, render_spec, validate_spec und get_component_catalog.

OpenClawRadar
🦀
Werkzeuge

Wakehook: OpenClaw-Morgenautomatisierungen zur tatsächlichen Aufwachzeit auslösen, nicht per Cron

Wakehook liest Schlafdaten von Google Health/Fitbit und sendet ein user.awake-Event an OpenClaw, wenn du tatsächlich aufwachst. Selbst hostbar, Poll-basiert, keine öffentliche URL nötig.

OpenClawRadar