MCP-Server und Agent-Skill

MCP. Der Server läuft lokal über stdio und stellt workflow, tree, find, search, usages, diff, inspect, nodes, variables, bundle, verify, index, jobs, changes, watch, export, export_batch, compare_image und models bereit. export_batch schreibt bis zu 64 Dateien in einem Aufruf und liefert ein Manifest statt Inline-Bildern. Übergib absolute Pfade. Mit --root /path/to/designs (wiederholbar) beschränkst du jeden Datei- und Ausgabepfad auf ausgewählte Ordner. Explizit gewählter eigener Index-Speicher braucht --storage-root DIR (wiederholbar); gespeicherte Workspace-Orte werden ohne diese Option wiederverwendet. Siehe Startargumente und Konfigurationsbeispiel mit mehreren Wurzeln. Raster-Exporte werden auf maxSize (Standard 1600 px) verkleinert, damit Inline-Bilder klein bleiben; SVG liefert nur Metadaten.

Über workflow kann der Agent die integrierten Anleitungen build, audit, images, search, plan, planning-details oder das ausdrücklich angeforderte yolo lesen. Sie stammen aus denselben Quellen wie der portable Skill; dessen separate Installation ist für MCP optional. Die Umsetzung erfolgt mit den Projekt- und Browser-Werkzeugen des Agents und den Berechtigungen des Hosts. Das Lesen einer Anleitung führt den Workflow nicht aus; Client-Unterstützung und Modellverhalten bestimmen, wie sie genutzt wird.

Natives Windows mit Claude Code: folge dessen stdio-Setup-Hinweisen und dem cmd /c-Wrapper für npx.

Skill. Der figlens-Skill bringt einem Agent bei, Frames zu finden, das Bundle in kleinen Teilen zu lesen, begrenzte Arbeit zu planen und die laufende UI gegen das Design zu prüfen. Er installiert nur Anweisungen; die CLI oder der MCP-Server muss verfügbar sein. Installiere ihn mit der Skills CLI oder kopiere skills/figlens/ in das Skills-Verzeichnis deines Agents (Claude Code: ~/.claude/skills/):

npm install -g @runkids/figlens
npx skills add runkids/figlens --skill figlens

Plugins. Claude Code, Codex, Antigravity, Cursor und Kimi Code installieren Skill und MCP-Server zusammen als ein Plugin; siehe Plugin-Einrichtung.

skillshare. Verwalte den Skill und die MCP-Verbindung für Claude Code, Codex und Cursor zentral mit skillshare:

skillshare install github.com/runkids/figlens/skills/figlens
skillshare mcp add figlens --global --target claude --target codex --target cursor --no-tui -- npx -y @runkids/figlens mcp
skillshare sync && skillshare sync mcp --global

Installationshinweise. Der npm-Launcher lädt beim ersten Aufruf das passende native Binary herunter, prüft es gegen die SHA-256-Prüfsummen des Releases und legt es im Cache ab. Skript-Installationen aktualisierst du mit figlens update, Homebrew-Installationen mit brew upgrade figlens. Die Binaries decken macOS (Apple Silicon, Intel), Linux (arm64, x86_64, statisch mit musl) und Windows (x86_64) ab. Jeder Installationsweg legt außerdem figlens-embed, die Laufzeit für die optionale semantische Suche, neben figlens; sie lädt kein Modell, bis du eines konfigurierst.