{
  "markdown": "# LogoLoom\n\n**One command. Full brand kit. Zero cost.** Stop juggling 5 tools for your logo.\n\n[![npm](https://img.shields.io/npm/v/@mcpware/logoloom)](https://www.npmjs.com/package/@mcpware/logoloom)\n[![npm downloads](https://img.shields.io/npm/dt/@mcpware/logoloom?label=downloads)](https://www.npmjs.com/package/@mcpware/logoloom)\n[![license](https://img.shields.io/npm/l/@mcpware/logoloom)](LICENSE)\n\n<p align=\"center\">\n  <img src=\"docs/demo.png\" alt=\"LogoLoom brand kit output\" width=\"800\">\n</p>\n\n## The Problem\n\nGetting 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.\n\n## The Solution\n\nAI designs your logo as **clean SVG code** (not messy auto-traced paths), then post-processes into a **complete brand kit — 31 files, one command:**\n\n- **SVG** — full logo, icon only, wordmark only (light/dark/mono variants)\n- **PNG** — 10 standard sizes (16px favicon → 1024px App Store)\n- **ICO** — browser favicon\n- **WebP** — web optimized\n- **Social** — OG image (1200×630), GitHub preview (1280×640), Twitter header (1500×500)\n- **BRAND.md** — color codes, typography, usage guidelines\n\nZero API cost. Everything runs locally. Free forever.\n\n## Why Not Use Existing Tools?\n\n| Tool | Price | SVG? | Full brand kit? | MCP? | Local? |\n|------|:-----:|:----:|:---------------:|:----:|:------:|\n| **LogoLoom** | **Free** | **✅ clean code** | **✅ 31 files** | **✅** | **✅** |\n| Looka | $65-96 | ✅ | ✅ (templates) | ❌ | ❌ |\n| Brandmark | $35-95 | ✅ | ✅ ($95) | ❌ | ❌ |\n| Canva | $15/mo for SVG | raster only free | ✅ (Pro) | ❌ | ❌ |\n| Recraft V3 | Free = no commercial use | ✅ | ❌ | ❌ | ❌ |\n| SVGMaker MCP | credits ($) | ✅ cloud | ❌ | ✅ | ❌ |\n\n## What it does\n\n1. **AI designs your logo** — Claude reads your codebase, understands your brand, writes SVG\n2. **Text → Path** — converts `<text>` to `<path>` so fonts render everywhere (opentype.js)\n3. **Optimize** — cleans SVG, removes bloat, compresses paths (SVGO)\n4. **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\n\n## Quick Start\n\n```bash\nnpx @mcpware/logoloom\n```\n\n### Claude Code / Cursor `.mcp.json`\n\n```json\n{\n  \"mcpServers\": {\n    \"logoloom\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@mcpware/logoloom\"]\n    }\n  }\n}\n```\n\nThen ask Claude: **\"Design a logo for my project\"**\n\n## Tools\n\n| Tool | What it does |\n|------|-------------|\n| `text_to_path` | Convert SVG `<text>` elements to `<path>` using font outlines. Font-independent rendering. |\n| `optimize_svg` | Clean and compress SVG (30-60% smaller). Remove metadata, merge paths. |\n| `export_brand_kit` | Export full brand kit: PNG sizes, ICO, WebP, OG image, mono variants, BRAND.md. |\n| `image_to_svg` | Convert PNG/JPG to SVG vector (vtracer). Best for logos and flat graphics. |\n\n## Example Output\n\n```\nbrand/\n├── logo-full-light.svg      # Primary logo\n├── logo-full-dark.svg       # Dark mode variant\n├── icon-light.svg           # Icon only\n├── icon-mono-black.svg      # Single-color (print)\n├── icon-mono-white.svg      # White on dark\n├── icon-256.png             # Small\n├── icon-512.png             # Medium\n├── icon-1024.png            # Large (app stores)\n├── icon-512.webp            # Web optimized\n├── favicon.ico              # Browser favicon\n├── favicon-16.png           # 16px favicon\n├── favicon-48.png           # 48px favicon\n├── og-image.png             # Social share (1200×630)\n└── BRAND.md                 # Colors, typography, usage rules\n```\n\n## How it works\n\n```\nYou: \"Design a logo for mcpware\"\n\nClaude:\n  1. Reads your README + package.json\n  2. Asks brand questions (audience, feel, color)\n  3. Generates 6-8 SVG concepts in HTML preview\n  4. You pick → Claude iterates → you approve\n\nLogoLoom MCP:\n  5. text_to_path → font-independent SVG\n  6. optimize_svg → clean, compressed\n  7. export_brand_kit → all sizes, all formats, brand guidelines\n\nOutput: brand/ folder, ready to use everywhere\n```\n\n## Why not just use Recraft / SVGMaker?\n\n| | LogoLoom | Recraft V3 | SVGMaker |\n|---|:---:|:---:|:---:|\n| Price | **Free** | Free (no commercial) / $10/mo | $8+ |\n| Commercial use | **Yes** | Paid only | Yes |\n| Runs locally | **Yes** | No (cloud) | No (cloud) |\n| MCP native | **Yes** | No | Yes |\n| Full brand kit | **Yes** | No (SVG only) | No |\n| Codebase-aware | **Yes** | No | No |\n\n## Tech Stack\n\nAll open source, all running locally:\n\n- **opentype.js** — font parsing, text → SVG path conversion\n- **SVGO** — SVG optimization and compression\n- **sharp** — SVG → PNG/WebP/ICO rasterization\n- **vtracer** — bitmap → SVG vectorization (optional, needs system install)\n\n## Requirements\n\n- Node.js 18+\n- For `image_to_svg`: install [vtracer](https://github.com/niccokunzmann/vtracer) (`cargo install vtracer`) or [potrace](https://potrace.sourceforge.net/) (`apt install potrace`)\n\n## More from @mcpware\n\n| Project | What it does | Install |\n|---------|---|---|\n| **[Instagram MCP](https://github.com/mcpware/instagram-mcp)** | 23 Instagram Graph API tools — posts, comments, DMs, stories, analytics | `npx @mcpware/instagram-mcp` |\n| **[Claude Code Organizer](https://github.com/mcpware/claude-code-organizer)** | Visual dashboard for Claude Code memories, skills, MCP servers, hooks | `npx @mcpware/claude-code-organizer` |\n| **[UI Annotator](https://github.com/mcpware/ui-annotator-mcp)** | Hover labels on any web page — AI references elements by name | `npx @mcpware/ui-annotator` |\n| **[Pagecast](https://github.com/mcpware/pagecast)** | Record browser sessions as GIF or video via MCP | `npx @mcpware/pagecast` |\n## License\n\nMIT\n",
  "bytes": 5785,
  "sha": "fe2f11cd9d1e8482371222adb1274a82369c5655131ef72fe6e49066abc376e2",
  "repo_slug": "mcpware/logoloom",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/mcp_io_github_mcpware_logoloom_555e940e/readme"
}