LogoLab

io.github.Blaxzterv0.3.0更新於 Oct 5, 2026

Trace an image to a clean SVG and export a full app-icon set, locally, from your coding agent.

已驗證STDIO僅桌面Developer ToolsMedia & Design

概覽

AI 產生的概覽

讓編碼代理在本機把點陣圖描摹成乾淨的 SVG，並匯出完整的應用程式圖示集。

功能
LogoLab 把向量化工具與圖示匯出工具包裝成本機 stdio MCP 伺服器。主要工具 make_app_icons 會把影像描摹成 SVG 並產生整套圖示；trace_icon 只做向量化，export_icons 把既有的 SVG 或 PNG 轉成 PWA、favicon、Tauri、Electron、Android、iOS 或擴充功能圖示，split_icon_sheet 把一張畫布上的圖示網格拆成多個 SVG，inspect_icon 可在執行前預覽描摹工具的判斷。預設集包含 pwa、favicon、web、tauri、electron、android、ios 與 extension。
適用情境
當生成或點陣形式的標誌需要變成清晰可縮放的 SVG，並一併產生應用程式或 favicon 素材時適用，不必離開代理工作階段。適合需要從一張來源圖產生多平台圖示集的專案，也可把單張圖示表拆分為獨立檔案。
執行需求
以本機程序由代理啟動，透過 npx 從 npm 套件 logolab 安裝，需要 Node.js 22.18 或更新版本。未宣告帳號、API 金鑰、環境變數或標頭。WebP 輸入還需要選用的 sharp 解碼器，預設不會安裝。相對路徑依代理的工作目錄解析。
安裝前請注意
伺服器會讀寫本機磁碟檔案，工具呼叫可能在工作目錄中建立或覆寫檔案，執行匯出前應確認目標路徑。它是 stdio 伺服器，不開啟通訊端也不上傳內容，影像資料留在本機。安裝選用的 sharp 解碼器會引入平台相關的 libvips 二進位檔。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 LogoLab，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

logolab

Turn an image into a clean SVG and a complete app-icon set — from your coding agent, on your machine.

An MCP server wrapping the vectorizer and icon exporter from LogoLab. A model generates a 1024px PNG with soft edges and a JPEG-ish halo; something has to turn that into a favicon that is still legible at 16px. Doing it by hand means a raster upscale and a blurry icon. This runs a real trace — region segmentation and curve fitting, not an image embed — so the result scales.

Nothing is uploaded. It is a stdio server: your agent starts it as a child process, it reads and writes files on your disk, and it never opens a socket.

Install

bash
claude mcp add logolab -- npx -y logolab       # Claude Code

Or let it write the config itself, in whichever project should get the icons:

bash
npx -y logolab install                   # .mcp.json here (Claude Code)npx -y logolab install --scope user      # every projectnpx -y logolab install --client cursor   # .cursor/mcp.jsonnpx -y logolab install --client vscode   # .vscode/mcp.jsonnpx -y logolab install --client print    # print the JSON, change nothing

Any other client wants the usual three facts:

json
{ "mcpServers": { "logolab": { "command": "npx", "args": ["-y", "logolab"] } } }

Then ask your agent: "trace icon.png and export a PWA icon set into public/".

Tools

ToolWhat it does
make_app_iconsimage → traced SVG → a full icon set. The one call that does the job.
trace_iconjust the vectorization: a clean, editable SVG.
export_iconsan existing SVG/PNG → PWA, favicon, Tauri, Electron, Android, iOS or extension icons.
split_icon_sheeta grid of icons on one canvas → one traced SVG per icon.
inspect_iconwhat the tracer would decide, before it runs.

Presets: pwa, favicon, web, tauri, electron, android, ios, extension.

Try it without a client

bash
npx -y logolab try ./icon.png ./out

Notes

  • Node ≥ 22.18 is required.
  • WebP inputs need the optional sharp decoder, which is an optional peer and is not installed by default — it pulls a platform-specific libvips binary that dwarfs the rest of the server. Run npm install sharp if you need it, or convert to PNG. Every other format (PNG, JPEG, GIF, BMP, SVG) works out of the box.
  • Relative paths in a tool call resolve against your agent's working directory, not this package — so ./public/ means the project you are working on.

MIT © Frederic Abraham

來源：packages/mcp/README.md，提交 ac9c405

工具

0
工具後設資料尚未被收錄。

版本歷史

1
  1. v0.3.0最新Oct 5, 2026