Snip

Visueller Modus für Claude Code. Funktioniert auch mit Cursor, Windsurf, Cline und jeder KI-Coding-CLI.

Installieren Sie Snip, führen Sie snip setup aus, und Ihr KI-Coding-Agent beginnt, Diagramme und Vorschauen zu rendern, anstatt sie nur in Textform zu beschreiben. Architektur? Sequenzdiagramm. Datenmodell? ER-Diagramm. UI-Komponente? Gerenderte Vorschau. Alles visuell, alles automatisch.

Sie überprüfen, was Claude rendert – genehmigen Sie es oder kommentieren Sie direkt auf dem Bildschirm. Kreisen Sie ein, was falsch ist, fügen Sie einen Pfeil hinzu, schreiben Sie eine Notiz. Claude sieht Ihre Anmerkungen und iteriert.

Funktionsweise

Snip läuft als Menüleisten-/System-Tray-App mit einer CLI, die jeder KI-Coding-Agent direkt aufrufen kann:

# Claude writes a Mermaid diagram to a file, then renders it for your review
snip render --format mermaid < architecture.mmd

# Claude renders an HTML component preview
snip render --format html < preview.html

# Open any image for annotated review
snip open screenshot.png --message "Is the layout correct?"

# Search your screenshot library
snip search "login page error"

Der Agent erhält strukturiertes JSON zurück: { status: "approved" | "changes_requested", edited, path, text }. Sie können räumliche Anmerkungen hinzufügen, Text-Feedback eingeben oder einfach genehmigen.

Entwickelt für Claude Code. Funktioniert auch mit Cursor, Windsurf, Cline und allem, was einen Shell-Befehl ausführen kann. Enthält einen MCP-Server für Agenten ohne Shell-Zugriff.

Related MCP server: Screenshot MCP Server

Installation

macOS (Homebrew)

brew install --cask rixinhahaha/snip/snip

Oder laden Sie das DMG von den Releases (Apple Silicon) herunter.

Linux

Download von den Releases:

• AppImage (portabel, jede Distribution) — Snip-x.y.z-x86_64.AppImage

• deb (Ubuntu/Debian) — Snip-x.y.z-amd64.deb

Verwendung mit Claude Code

snip setup

Das ist alles. snip setup konfiguriert Claude Code so, dass die visuelle Ausgabe automatisch verwendet wird – Regeln, die /diagram-Fähigkeit und Berechtigungen. Wenn Sie Claude das nächste Mal nach Architektur, Datenmodellen oder Abläufen fragen, rendert es ein Diagramm, anstatt es in Text zu beschreiben.

Versuchen Sie /diagram in jedem Claude Code-Gespräch, um das zu visualisieren, worüber Sie diskutieren.

CLI-Referenz

Alle Überprüfungsbefehle (render, open) blockieren, bis der Benutzer fertig ist, und geben strukturiertes JSON zurück.

MCP-Server

Für Agenten ohne Shell-Zugriff (Claude Desktop, gehostete Umgebungen) bietet Snip auch einen MCP-Server:

{
  "mcpServers": {
    "snip": {
      "command": "node",
      "args": ["/path/to/snip/src/mcp/server.js"]
    }
  }
}

Der MCP-Server stellt dieselben Funktionen bereit: render_diagram, open_in_snip, search_screenshots, list_screenshots, get_screenshot, transcribe_screenshot, organize_screenshot, get_categories, install_extension.

Auch ein Screenshot-Tool

Snip ist ein vollständiges Screenshot- und Annotations-Tool für sich:

• Cmd+Shift+2 (macOS) / Ctrl+Shift+2 (Linux) — Erfassen mit Bereichsauswahl oder Fenster-Snap

• Cmd+Shift+1 / Ctrl+Shift+1 — Quick Snip (direkt in die Zwischenablage kopieren)

• Annotieren — Rechteck, Pfeil, Text, Tag, Weichzeichner-Pinsel, KI-Segmentierung

• Esc — In Zwischenablage kopieren und schließen

• Cmd+S — Auf Festplatte speichern + KI organisiert im Hintergrund

Die KI-Organisation verwendet ein lokales Vision-LLM (via Ollama), um jeden gespeicherten Screenshot zu benennen, zu kategorisieren und zu taggen. Die semantische Suche findet jeden Screenshot durch Beschreibung dessen, was darauf zu sehen war.

Tastenkombinationen

Ersetzen Sie unter Linux Cmd durch Ctrl.

Entwicklung

npm install
npm run rebuild   # compile native modules (macOS)
npm start         # launch (tray icon appears)

Erfordert macOS 14+ oder Linux (Wayland), Node.js 18+.

Dokumentation

Tech-Stack

Electron 33 / Fabric.js 7 / Mermaid.js 11 / Ollama (lokales LLM) / HuggingFace Transformers.js / SlimSAM (ONNX)

Die gesamte KI läuft lokal – für die Kernfunktionen sind keine Cloud-APIs erforderlich.

Sponsoring

Snip ist kostenlos, Open Source und wurde von zwei Entwicklern erstellt. Wenn es für Ihren Workflow nützlich ist, ziehen Sie bitte in Betracht, das Projekt zu sponsern.

Sponsoring hilft dabei, Folgendes abzudecken:

• Apple Developer Program — erforderlich für Codesignierung und Notarisierung, damit macOS die App nicht blockiert

• CI/CD-Kosten — automatisierte Builds, Tests und Release-Pipelines für macOS und Linux

• Kontinuierliche Entwicklung — neue Annotations-Tools, bessere KI-Integration, Linux-Verbesserungen und Fehlerbehebungen

Jeder Beitrag hilft, Snip gewartet und verbessert zu halten. Vielen Dank!

Lizenz

MIT