Logoloom

LogoLoom

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

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?

What it does

1. AI designs your logo — Claude reads your codebase, understands your brand, writes SVG
2. Text → Path — converts to 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

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:

1. text_to_path → font-independent SVG
2. optimize_svg → clean, compressed
3. export_brand_kit → all sizes, all formats, brand guidelines

Output: brand/ folder, ready to use everywhere

Why not just use Recraft / SVGMaker?

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

License

MIT