io.github.mcpware/logoloom

Official

by mcpware · JavaScript

AI logo design → SVG → full brand kit. Text-to-path, optimize, export PNG/ICO/WebP.

Model Context Protocol (MCP) Server: io.github.mcpware/logoloom

This MCP server provides an AI-driven logo design workflow that converts generated output into SVG and a full brand kit. It supports text-to-path generation, optimization, and exporting assets in PNG, ICO, and WebP formats.

🛠️ Key Features

AI logo design → SVG output
Text-to-path generation
SVG optimization
Export to PNG, ICO, and WebP
Produces full brand kit output

🚀 Use Cases

Create a logo and brand kit for side projects
Generate favicon-style assets (ICO) and web-friendly images (PNG/WebP)
Standardize logo output formats via SVG and optimized exports

⚡ Developer Benefits

Single command workflow for producing a brand kit
Uses vector-based SVG as an intermediate format for export
Consistent asset generation across multiple output types

⚠️ Limitations

Source data does not specify tool count, APIs, configuration options, or supported runtimes beyond the described design and export steps

Topics

ai-toolsbrandbrand-kitbrandingclaudecursordesignfaviconfreelogologo-designlogo-generatormcpmcp-servermodel-context-protocolopentypesharpsvgsvgovector

README.md6 KBView on GitHub

LogoLoom

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

npm downloads

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?

Tool	Price	SVG?	Full brand kit?	MCP?	Local?
LogoLoom	Free	✅ clean code	✅ 31 files	✅	✅
Looka	$65-96	✅	✅ (templates)	❌	❌
Brandmark	$35-95	✅	✅ ($95)	❌	❌
Canva	$15/mo for SVG	raster only free	✅ (Pro)	❌	❌
Recraft V3	Free = no commercial use	✅	❌	❌	❌
SVGMaker MCP	credits ($)	✅ cloud	❌	✅	❌

What it does

AI designs your logo — Claude reads your codebase, understands your brand, writes SVG
Text → Path — converts <text> to <path> so fonts render everywhere (opentype.js)
Optimize — cleans SVG, removes bloat, compresses paths (SVGO)
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

bash

npx @mcpware/logoloom

Claude Code / Cursor `.mcp.json`

json

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

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

Tools

Tool	What it does
`text_to_path`	Convert SVG `<text>` elements to `<path>` using font outlines. Font-independent rendering.
`optimize_svg`	Clean and compress SVG (30-60% smaller). Remove metadata, merge paths.
`export_brand_kit`	Export full brand kit: PNG sizes, ICO, WebP, OG image, mono variants, BRAND.md.
`image_to_svg`	Convert PNG/JPG to SVG vector (vtracer). Best for logos and flat graphics.

Example Output

code

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