MCP.so
ログイン

MCP SVG to Font

@omy13

リポジトリ

MCP SVG to Font について

🎨 MCP Server that converts SVG icons into web fonts with CSS and TypeScript support. Generate icon fonts from directories of SVG files.

#css#svg#typescript#web-development#frontend#mcp#icons#webfonts#web-fonts#icon-font#woff#ttf#font-generator#desing-system#mcp-server

基本情報

カテゴリ

その他

ランタイム

node

トランスポート

stdio

公開者

omy13

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "mcp-svg-to-fonts": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/inspector",
        "npx",
        "tsx",
        "src/main.ts"
      ]
    }
  }
}

ツール

ツールは検出されませんでした

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

What is MCP SVG to Font?

MCP SVG to Font is a Model Context Protocol (MCP) server that converts SVG icons into multiple font formats (TTF, WOFF, WOFF2) and generates CSS and TypeScript definitions. It is designed for developers and AI agents who need to create, extend, or manage icon fonts while preserving backward compatibility.

How to use MCP SVG to Font?

Install Node.js 20.x+ and pnpm 10.x+, clone the repository, run pnpm install and pnpm build. Configure your MCP client (e.g., Claude Desktop) with the command npx tsx src/main.ts for development or node ./dist/main.js for production. Use the tools list-svgs, generate-font-from-svgs, extend-existing-font, or extend-font-advanced to scan directories, create fonts, or extend existing ones.

Key features of MCP SVG to Font

  • Converts SVG icons to TTF, WOFF, and WOFF2 formats.
  • Generates CSS with font-face declarations and icon classes.
  • Creates TypeScript type definitions for type-safe usage.
  • Extends existing fonts with new icons while preserving backward compatibility.
  • Extracts glyphs from TTF files without requiring original SVGs.
  • Fully compatible with MCP for AI agent integration.

Use cases of MCP SVG to Font

  • Creating a new custom icon system from a set of SVG files.
  • Adding new icons to an existing icon font while keeping all current icons intact.
  • Extending a third-party or legacy icon font when original SVG sources are unavailable.

FAQ from MCP SVG to Font

What font formats does MCP SVG to Font generate?

It can generate TTF, WOFF, and WOFF2 font files.

What are the prerequisites to run MCP SVG to Font?

Node.js version 20.x or later and pnpm version 10.x or later are required.

How does extend-font-advanced differ from extend-existing-font?

extend-existing-font requires the original SVG files, while extend-font-advanced extracts glyphs directly from the TTF file, meaning original SVGs are not needed.

Does extending a font break existing projects?

No, both extension methods guarantee 100% backward compatibility—existing icons keep their Unicode values, so existing code continues to work without changes.

What transport does MCP SVG to Font use for communication?

It is configured via MCP client settings using a command and args, running as a subprocess (standard stdio-based MCP transport).

コメント

「その他」の他のコンテンツ

Production-ready MCP integrations for AI applications

Klavis-AI

Klavis AI: MCP integration platforms that let AI agents use tools reliably at any scale

5.8K

FastMCP v2 🚀

jlowin

🚀 The fast, Pythonic way to build MCP servers and clients.

26.0K

IDA Pro MCP

mrexodia

AI-powered reverse engineering assistant that bridges IDA Pro with language models through MCP.

9.9K

Unity MCP ✨

justinpbarnett

Unity MCP acts as a bridge between AI assistants and your Unity Editor. Give your LLM tools to manage assets, control scenes, edit scripts, and automate tasks within Unity.

12.2K

Sequential Thinking

modelcontextprotocol

Model Context Protocol Servers

88.2K