Token导航 LogoToken导航TokenDH.com
Svgo Jsx MCP logo
运维云端stdio官方级别未说明来源级核验

Svgo Jsx MCP

MCP Server

svgo-jsx-mcp

一个提供SVG优化和JSX兼容驼峰属性转换功能的MCP服务器,包含生产就绪的HTTP API,支持认证、速率限制和使用统计。

工具数

0

提示词数

0

GitHub Stars

0

资源数

0
批量处理DockerAPI集成

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

作者 / 组织

ErneG

提供方

ErneG

最后核验

2026/5/17 20:20

运行时

Node.js

快速接入

先看主来源和安装命令,再打开仓库或文档;下面只保留这个条目的关键接入事实。

命令预览

npx svgo-jsx-mcp

详细介绍

svgo jsx mcp

用于SVG优化的MCP(模型上下文协议)服务器,具有JSX兼容的camelCase属性转换功能。包括可用于生产的HTTP API,具有身份验证、速率限制和使用情况跟踪功能。

特性

  • SVG优化:用途 SVGO 减小SVG文件大小
  • CamelCase转换:将烤肉串大小写SVG属性转换为camelCase,以实现JSX/React兼容性
  • API密钥验证:使用数据库支持的API密钥进行安全访问
  • 速率限制:可配置每个密钥的速率限制
  • 使用统计:跟踪优化指标和请求历史
  • 批处理:在单个请求中优化多个SVG
  • Docker就绪:部署到Coolify或任何Docker主机

快速开始

本地开发(标准模式)

npx svgo-jsx-mcp

HTTP服务器模式

# Clone and install
git clone https://github.com/your-username/svgo-jsx-mcp
cd svgo-jsx-mcp
pnpm install

# Set up database
cp .env.example .env
# Edit .env with your DATABASE_URL and API_KEYS

# Run migrations and start
pnpm prisma migrate dev
pnpm dev

部署(Coolify/Docker)

Docker Compose

# Set your API keys
export API_KEYS=your-secret-key-here

# Start services
docker-compose up -d

冷却部署

  1. 从此GitHub仓库创建新服务
  2. 添加PostgreSQL数据库
  3. 设置环境变量:

- DATABASE_URL:PostgreSQL的连接字符串 - API_KEYS:API密钥的逗号分隔列表 - PORT:3000(默认值)

  1. 部署

API终点

健康检查

GET /health

无需身份验证。返回服务器和数据库状态。

优化SVG

POST /mcp/optimize
Authorization: Bearer 

{
  "content": "...",
  "filename": "icon.svg",
  "camelCase": true
}

批量优化

POST /mcp/optimize/batch
Authorization: Bearer 

{
  "items": [
    { "content": "...", "filename": "icon1.svg" },
    { "content": "...", "filename": "icon2.svg" }
  ],
  "camelCase": true
}

使用统计

GET /stats
Authorization: Bearer 

按关键统计数据

GET /stats/:keyId
Authorization: Bearer 

响应格式

单一优化

{
  "success": true,
  "filename": "icon.svg",
  "optimization": {
    "originalSize": 1234,
    "optimizedSize": 567,
    "savedBytes": 667,
    "savedPercent": "54.1%",
    "ratio": "0.459"
  },
  "camelCaseApplied": true,
  "result": "..."
}

批量优化

{
  "success": true,
  "total": 5,
  "successful": 5,
  "failed": 0,
  "results": [...]
}

认证

在请求头中包含您的API密钥:

Authorization: Bearer 

或者:

X-API-Key: 

环境变量

变量描述默认值
DATABASE_URLPostgreSQL连接字符串(服务器模式需要)
API_KEYS逗号分隔的API初始密钥-
PORTHTTP服务器端口3000
CORS_ORIGINS允许的CORS来源\*

CamelCase转换

camelCasetrue (默认),转换烤肉串案例属性:

原始已转换
stroke-widthstrokeWidth
fill-opacityfillOpacity
font-sizefontSize
stroke-linecapstrokeLinecap
clip-pathclipPath

发展

# Install dependencies
pnpm install

# Generate Prisma client
pnpm prisma generate

# Run database migrations
pnpm prisma migrate dev

# Start HTTP server
pnpm dev

# Start stdio mode (for MCP clients)
pnpm dev:stdio

# Build
pnpm build

脚本

脚本描述
pnpm dev构建并运行HTTP服务器
pnpm dev:stdio构建并运行stdio模式
pnpm build编译TypeScript
pnpm start:server运行HTTP服务器
pnpm start:stdio运行stdio模式
pnpm prisma:studioOpen Prisma工作室

许可证

麻省理工学院

目录标签

目录标签

批量处理DockerAPI集成SVG优化TypeScript本地部署JSX兼容API服务Docker部署

接入字段

传输方式(transport,传输协议)

stdio

鉴权方式(authType,认证方式)

api-key

运行时(runtime,运行环境)

Node.js

来源包(packageName,安装包名)

svgo-jsx-mcp

工具数量(toolCount,工具数)

0

资源数量(resourceCount,资源数)

0

提示词数量(promptCount,提示词数)

0

权限和风险

stdioapi-key部署方式未说明

接入前请确认传输方式、认证方式和部署位置,并根据实际工具能力限制访问范围。

安装前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

来源信息

继续浏览同类 MCP