ML

mcpware/logoloom

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

53 stars 13 forks 质量 68 趋势 14MIT

AI驱动的标志设计→SVG→全品牌套件。免费、本地、MCP原生。

概览

为你的副项目做一个标志不应该花96美元(Looka),也不应该需要同时处理Canva + favicon生成器 + OG 图片制作器 + 手动PNG导出。标志是独立开发者面临的#1号发货障碍——不是因为它难,而是因为工具很糟糕。 AI会先设计你的标志(而不是混乱的自动路径),然后后期处理成 - — 全标志、仅图标、仅字标(浅色/暗色/单色变体)- — 10 种标准尺寸(16px favicon → 1024px App Store)- — 浏览器 Favicon - — 网页优化 - — OG 图片(1200×630)、GitHub 预览(1280×640)、Twitter 头部(1500×500)—— 颜色代码、排版、使用指南 零API成本。所有设备都运行本地。永久免费。 1. — Claude 读取你的代码库,理解你的品牌,编写 SVG 2.— 转换为字体渲染到处(opentype.js) 3.— 清理 SVG,去除臃肿,压缩路径(SVGO) 4.— 31 个文件,涵盖 3 个类别(完整标志 + 仅图标 + 仅字标) ×(浅/暗/单色)+ 所有 PNG 尺寸 + 社交媒体尺寸 + 品牌。

概述(AI 翻译)

一个指令。全品牌套件。零成本。 别再为你的标志同时玩五种工具了。

问题

为你的副项目做一个标志不应该花96美元(Looka),也不应该需要同时处理Canva + favicon生成器 + OG 图片制作器 + 手动PNG导出。标志是独立开发者面临的#1号发货障碍——不是因为它难,而是因为工具很糟糕。

解决方案

AI会把你的logo设计成干净的SVG代码(而不是杂乱的自动描摹路径),然后后期处理成完整的品牌套件——31个文件,一个命令:

  • SVG — 完整标志,仅图标,仅字标(浅色/暗色/单色变体)
  • PNG — 10 种标准尺寸(16px 同档 → 1024px 应用商店)
  • ICO — 浏览器收藏
  • WebP — 网页优化
  • Social — 原始图片(1200×630)、GitHub预览(1280×640)、Twitter头(1500×500)
  • BRAND.md — 颜色编码、排版、使用指南

零API成本。所有设备都运行本地。永久免费。

为什么不使用现有工具?

工具 价格 SVG? 全品牌套件? MCP? 本地?
LogoLoom 免费 ** ✅ 干净代码** ** ✅ 31个文件** ✅ ✅

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

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

  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

Tool What it does
text_to_path Convert SVG elements to 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.
在 GitHub 查看完整 README

安装

npx -y @mcpware/logoloom
新手?先看 mcpskill.org 教程 →

配置

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