Sandbox
@mcpware/logoloom

MCP server for logo and brand kit creation

LogoLoom reads your project context, drafts logo concepts as SVG, and then turns the chosen design into a full brand kit. The workflow is local and MCP-native, so builders can ask their agent to design, refine, optimize, and export branding assets in one place.

38 stars6 forksJavaScriptUpdated 5mo ago
Who it's for

Builders who want their agent to create logos, icons, and brand files from project context.

What it delivers

You can go from a logo prompt to a ready-to-use brand kit without juggling separate design tools.

What it does

AI logo generation

Generates logo concepts as SVG based on your project context and brand questions.

Text to path conversion

Converts SVG `<text>` into `<path>` outlines with opentype.js so fonts render consistently.

SVG optimization

Cleans and compresses SVGs with SVGO to remove bloat and merge paths.

Brand kit export

Exports logo variants, favicon files, PNG sizes, WebP, social images, and `BRAND.md`.

Bitmap to SVG conversion

Converts PNG or JPG into SVG with vtracer or potrace for flat graphics and logos.

Local MCP workflow

Runs locally and connects through MCP for Claude Code, Cursor, and other compatible agents.

How to get it

  1. 1Run
    npx @mcpware/logoloom

README

LogoLoom

One command. Full brand kit. Zero cost. Stop juggling 5 tools for your logo.

npm npm downloads license

LogoLoom brand kit output

The Problem

Getting a logo for your side project shouldn't cost $96 (Looka) or require juggling Canva + favicon generator + OG image maker + manual PNG exports. Logo is the #1 shipping blocker for indie devs — not because it's hard, but because the tooling sucks.

The Solution

AI designs your logo as clean SVG code (not messy auto-traced paths), then post-processes into a complete brand kit — 31 files, one command:

  • SVG — full logo, icon only, wordmark only (light/dark/mono variants)
  • PNG — 10 standard sizes (16px favicon → 1024px App Store)
  • ICO — browser favicon
  • WebP — web optimized
  • Social — OG image (1200×630), GitHub preview (1280×640), Twitter header (1500×500)
  • BRAND.md — color codes, typography, usage guidelines

Zero API cost. Everything runs locally. Free forever.

Why Not Use Existing Tools?

ToolPriceSVG?Full brand kit?MCP?Local?
LogoLoomFree✅ clean code✅ 31 files
Looka$65-96✅ (templates)
Brandmark$35-95✅ ($95)
Canva$15/mo for SVGraster only free✅ (Pro)
Recraft V3Free = no commercial use
SVGMaker MCPcredits ($)✅ cloud

What it does

  1. AI designs your logo — Claude reads your codebase, understands your brand, writes SVG
  2. Text → Path — converts <text> to <path> so fonts render everywhere (opentype.js)
  3. Optimize — cleans SVG, removes bloat, compresses paths (SVGO)
  4. Export brand kit — 31 files across 3 categories (full logo + icon only + wordmark only) × (light/dark/mono) + all PNG sizes + social media sizes + BRAND.md

Quick Start

npx @mcpware/logoloom

Claude Code / Cursor .mcp.json

{
  "mcpServers": {
    "logoloom": {
      "command": "npx",
      "args": ["-y", "@mcpware/logoloom"]
    }
  }
}

Then ask Claude: "Design a logo for my project"

Tools

ToolWhat it does
text_to_pathConvert SVG <text> elements to <path> using font outlines. Font-independent rendering.
optimize_svgClean and compress SVG (30-60% smaller). Remove metadata, merge paths.
export_brand_kitExport full brand kit: PNG sizes, ICO, WebP, OG image, mono variants, BRAND.md.
image_to_svgConvert PNG/JPG to SVG vector (vtracer). Best for logos and flat graphics.

Example Output

brand/
├── logo-full-light.svg      # Primary logo
├── logo-full-dark.svg       # Dark mode variant
├── icon-light.svg           # Icon only
├── icon-mono-black.svg      # Single-color (print)
├── icon-mono-white.svg      # White on dark
├── icon-256.png             # Small
├── icon-512.png             # Medium
├── icon-1024.png            # Large (app stores)
├── icon-512.webp            # Web optimized
├── favicon.ico              # Browser favicon
├── favicon-16.png           # 16px favicon
├── favicon-48.png           # 48px favicon
├── og-image.png             # Social share (1200×630)
└── BRAND.md                 # Colors, typography, usage rules

How it works

You: "Design a logo for mcpware"

Claude:
  1. Reads your README + package.json
  2. Asks brand questions (audience, feel, color)
  3. Generates 6-8 SVG concepts in HTML preview
  4. You pick → Claude iterates → you approve

LogoLoom MCP:
  5. text_to_path → font-independent SVG
  6. optimize_svg → clean, compressed
  7. export_brand_kit → all sizes, all formats, brand guidelines

Output: brand/ folder, ready to use everywhere

Why not just use Recraft / SVGMaker?

LogoLoomRecraft V3SVGMaker
PriceFreeFree (no commercial) / $10/mo$8+
Commercial useYesPaid onlyYes
Runs locallyYesNo (cloud)No (cloud)
MCP nativeYesNoYes
Full brand kitYesNo (SVG only)No
Codebase-awareYesNoNo

Tech Stack

All open source, all running locally:

  • opentype.js — font parsing, text → SVG path conversion
  • SVGO — SVG optimization and compression
  • sharp — SVG → PNG/WebP/ICO rasterization
  • vtracer — bitmap → SVG vectorization (optional, needs system install)

Requirements

  • Node.js 18+
  • For image_to_svg: install vtracer (cargo install vtracer) or potrace (apt install potrace)

More from @mcpware

ProjectWhat it doesInstall
Instagram MCP23 Instagram Graph API tools — posts, comments, DMs, stories, analyticsnpx @mcpware/instagram-mcp
Claude Code OrganizerVisual dashboard for Claude Code memories, skills, MCP servers, hooksnpx @mcpware/claude-code-organizer
UI AnnotatorHover labels on any web page — AI references elements by namenpx @mcpware/ui-annotator
PagecastRecord browser sessions as GIF or video via MCPnpx @mcpware/pagecast

License

MIT

Files in the repo

Repository payload14 top-level entries
  • .claude-plugin
  • .github
  • bin
  • docs
  • skills
  • src
  • .gitignore
  • Dockerfile
  • glama.json
  • LICENSE
  • package-lock.json
  • package.json
  • README.md
  • server.json

Discussion (0)

Ask about usage, or say what you built with it

Sign in to join the discussion.

No comments yet. Be the first to say what this is good for.

More connectors

High-performance code intelligence MCP server. Indexes codebases into a persistent knowledge graph — average repo in milliseconds. 158 languages, sub-ms queries, 99% fewer tokens. Single static binary, zero dependencies.

43k

Universal provider proxy for OpenAI Codex & Claude Code — use any LLM (Claude, Gemini, Grok, DeepSeek, Ollama…) with Codex CLI, App, SDK, and Claude Code

14k
okf-memory/
okf-agent-memory

Git-native persistent memory for AI coding agents. Implements Google OKF v0.2 with sub-300µs in-memory BM25 search, embedded MCP server, and progressive disclosure. Slashes token bloat by 80% with zero external databases or dependencies. Built in pure Go.

547
tirth8205/
code-review-graph

Local-first code intelligence graph for MCP and CLI. Builds a persistent map of your codebase so AI coding tools read only what matters, with benchmarked context reductions on reviews and large-repo workflows.

31k
2akouwu/
reverify

Stop your AI from making things up — it proposes, deterministic tools decide, every claim checked against ground truth with evidence. Grounded facts and context survive resets. Reverse engineering is the proving ground. MCP server + CLI.

1.1k
t8y2/dbxConnectors

20 MB lightweight cross-platform database client for 90+ databases, including MySQL, PostgreSQL, SQLite, Redis, MongoDB, DuckDB, SQL Server, and Dameng. Built-in AI, MCP Server, CLI, desktop and Docker. | 轻量级跨平台数据库管理工具,支持 MySQL、PostgreSQL、SQLite、Redis、MongoDB、达梦等 90+ 数据库,提供桌面端、Docker、CLI、内置 AI 助手和 MCP Server。

19k