io.github.mcpware/logoloom
AI logo design β SVG β full brand kit. Text-to-path, optimize, export PNG/ICO/WebP.
Ask AI about io.github.mcpware/logoloom
Powered by Claude Β· Grounded in docs
I know everything about io.github.mcpware/logoloom. Ask me about installation, configuration, usage, or troubleshooting.
0/500
Reviews
Documentation
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?
| 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
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
| 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
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?
| LogoLoom | Recraft V3 | SVGMaker | |
|---|---|---|---|
| Price | Free | Free (no commercial) / $10/mo | $8+ |
| Commercial use | Yes | Paid only | Yes |
| Runs locally | Yes | No (cloud) | No (cloud) |
| MCP native | Yes | No | Yes |
| Full brand kit | Yes | No (SVG only) | No |
| Codebase-aware | Yes | No | No |
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
| Project | What it does | Install |
|---|---|---|
| Instagram MCP | 23 Instagram Graph API tools β posts, comments, DMs, stories, analytics | npx @mcpware/instagram-mcp |
| Claude Code Organizer | Visual dashboard for Claude Code memories, skills, MCP servers, hooks | npx @mcpware/claude-code-organizer |
| UI Annotator | Hover labels on any web page β AI references elements by name | npx @mcpware/ui-annotator |
| Pagecast | Record browser sessions as GIF or video via MCP | npx @mcpware/pagecast |
License
MIT
