MCP 伺服器與 agent skill

MCP。 伺服器透過 stdio 在本機執行，提供 workflow、tree、find、search、usages、diff、inspect、nodes、variables、bundle、verify、index、jobs、changes、watch、export、export_batch、compare_image 與 models。export_batch 一次呼叫最多寫出 64 個檔案，回傳 manifest 而非內嵌圖片。請傳入絕對路徑。加上 --root /path/to/designs（可重複）可將所有檔案與輸出路徑限制在指定的資料夾。明確指定自訂索引位置時，需要 --storage-root DIR（可重複）；已記住的 workspace 位置不必再指定。參見啟動參數與多個 root 的設定範例。點陣圖匯出會縮小到 maxSize（預設 1600 px），讓內嵌圖片維持小巧；SVG 只回傳 metadata。

agent 可透過 workflow 讀取內建的 build、audit、images、search、plan、planning-details，或明確要求時的 yolo 指引。它們與 portable skill 共用來源；MCP 使用者可自行選擇是否另裝 skill。實際工作仍由 agent 使用專案與瀏覽器工具，並遵守 host 權限。讀取指引不會執行工作流程；使用方式取決於客戶端支援與模型行為。

在 Windows 原生環境使用 Claude Code：請依照其 stdio 設定說明，並為 npx 加上 cmd /c 包裝。

Skill。 figlens skill 教 agent 找出 frame、分小段讀取 bundle、規劃範圍明確的工作，並對照設計驗證執行中的 UI。它只安裝說明；仍需有可用的 CLI 或 MCP 伺服器。可用 Skills CLI 安裝，或將 skills/figlens/ 複製到 agent 的 skills 目錄（Claude Code：~/.claude/skills/）：

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

Plugin。 Claude Code、Codex、Antigravity、Cursor 和 Kimi Code 可以把 skill 和 MCP server 當成一個 plugin 一起安裝；請見 Plugin 設定。

skillshare。 用 skillshare 在同一處管理 Claude Code、Codex 與 Cursor 的 skill 與 MCP 連線：

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

安裝說明。 npm launcher 在首次使用時下載對應的原生執行檔，以發行版的 SHA-256 checksum 驗證後快取。用安裝腳本裝的以 figlens update 更新；Homebrew 裝的以 brew upgrade figlens 更新。執行檔涵蓋 macOS（Apple silicon、Intel）、Linux（arm64、x86_64、靜態 musl）與 Windows（x86_64）。每種安裝方式都會把選用的語意搜尋所用的執行環境 figlens-embed 放在 figlens 旁邊；在你設定模型之前，它不會載入任何模型。