mcpField
O
One Design

One Design

本地服务
one.design媒体与设计04 天前更新
代码仓库访问官网

关于 One Design

One Design 是面向 Claude 和其他 MCP 应用的本地图片、品牌、隐私及 PDF 工具 MCP 服务。文件在本机读取和保存，不会上传。

主要功能

  1. 01压缩、调整尺寸和转换图片
  2. 02裁剪并批量制作图片集
  3. 03移除元数据并遮盖图片区域
  4. 04制作品牌素材和二维码
  5. 05合并、拆分和编辑 PDF
  6. 06使用现成提示词和资源

适用场景

  1. 01为网站和社交媒体准备图片
  2. 02分享照片前移除位置元数据
  3. 03制作 Logo、图标和应用商店截图素材
  4. 04合并 PDF 或调整页面顺序

MCP 相关

向 MCP 客户端提供 One Design 工具、提示词和资源。大多数工具在本机运行；基于浏览器的 AI 工具会在 one.design 打开。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
  "mcpServers": {
    "axworks1-one-design": {
      "command": "npx",
      "args": [
        "-y",
        "one-design-mcp"
      ]
    }
  }
}
启动命令npx -y one-design-mcp

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包
npmone-design-mcp0.2.4

工具

37

收录的工具列表 · 更新于 3 天前

参数类型必填说明
filesarray是图像文件或文件夹（文件夹表示其中的图像）。~ 表示你的主文件夹。
formatenum否输出格式。"original" 保留每个文件自身的格式（HEIC、AVIF 和 TIFF 会转换为 JPEG，GIF 会转换为 PNG）。original | jpeg | png | webp
qualityinteger否不按指定大小压缩时使用的质量（30–100）。对于 PNG，低于 100 会减少颜色数量。
max_edgeinteger否缩小图像，使最长边不超过此像素数（绝不放大）。
target_kbinteger否允许的最大文件大小（KB）。留空则改为按质量压缩。
output_dirstring否保存结果的文件夹。默认：与各原图保存在同一文件夹。绝不覆盖原图。
allow_resizeboolean否缩小到指定大小：即使使用低画质仍过大时，是否可以缩小图像？

详细介绍

面向 Claude 的 One Design（MCP）

适用于 Claude 和所有支持 MCP 的应用，可在浏览器之外运行的每个 one.design 工具。 所有操作都在你自己的电脑上完成：文件在本地读取和保存，绝不会上传。

设置指南、示例和常见问题：https://one.design/mcp

少数需要在浏览器中运行 AI 模型的工具（Cutout、Blur Faces、Magic Eraser、Brand Guidelines）会改为在 one.design 上打开，并在你的设备上运行。

工具

优化

工具方案功能
compress_images免费按质量压缩图片，或压缩至指定大小（例如小于 500 KB）
resize_images免费按宽度、高度、两者或百分比调整尺寸：适应边界、填充并裁剪，或留白
convert_images免费转换为 WebP、JPEG、PNG 或 AVIF，包括 iPhone 的 HEIC 照片
fit_fill免费将完整图片放入指定画布，并使用模糊或纯色填充
rename_files免费使用 {name}、{n}、{date}、{w}x{h} 等模式批量重命名
slim_svg免费缩小 SVG 文件，并检查渲染效果
multi_cropPro一次性为每张图片生成多个裁剪版本和尺寸
grid_slidePro按发布顺序排列的个人资料网格，以及轮播幻灯片
make_web_image_setPro生成响应式宽度和格式，并提供 srcset 代码片段
make_listing_photosPro为 Amazon、Etsy、eBay、Shopify 等平台制作带边框的商品照片
make_campaign_kitPro将一个创意制作成一套尺寸匹配的社交媒体、网页和广告图片

隐私

工具方案功能
clean_metadata免费移除 GPS、相机信息、日期、XMP、IPTC 和 AI 标签，不触碰像素
redact_images免费遮盖截图中的部分区域：纯色、模糊或像素化；支持对一组图片使用相同区域
lock_link免费为任意链接设置密码保护（AES-256，服务器上不存储任何内容）

品牌

工具方案功能
make_qr_code免费（一次 1 个）/ Pro（批量）使用你的配色生成 QR 码，可选 PNG 或 SVG
watermark_images免费添加文字或徽标，可放在角落或平铺
extract_palette免费提取图片中的颜色，并提供色样
make_icon_pack免费生成网站图标、应用图标、Web 清单和 HTML
make_stamps免费制作邮票、橡皮图章和印章
make_stat_shot免费（需少量额度）/ Pro将里程碑制作成可分享的图片
make_logo_packagePro将主徽标整理成完整的交付文件夹
frame_screenshotsPro将截图放入浏览器、手机、平板或笔记本电脑边框中
make_store_screenshotsPro制作带标题的 App Store 和 Google Play 商店截图
make_bento免费用照片、文字和色块制作便当网格

文档

工具方案功能
pdf_toolkit免费合并、拆分、提取、重新排序、旋转、查看信息、清除 PDF 元数据
make_proof_sheetPro将图片制作为 PDF 联系表
make_cardsPro将电子表格行转换为品牌卡片
check_deliveryPro根据交付规范检查一批文件，并指出各项问题应由哪个工具修复

账户和指南

工具功能
plan_and_pricing查看你的方案、免费版和 Pro 版包含的内容及价格
buy_pro在浏览器中打开 Stripe 结账页面，购买 Pro（终身版）
sign_in, verify_sign_in, sign_out使用通过电子邮件发送的验证码登录，以在此处解锁 Pro
manage_billing查看收据、银行卡和发票
brand_library查看已同步的品牌库：颜色、字体、徽标（Pro）
list_tools查看所有 one.design 工具、对应方案以及使用方法
open_in_one_design在网站上打开工具（适用于 Cutout、Blur Faces、Magic Eraser、Brand Guidelines）

提示词（现成任务）

blog-images、social-post、client-delivery、portfolio-piece、shop-listing、 app-store-launch、brand-kit、share-privately、website-images、milestone-post。

资源

one-design://guide（如何获得好结果）、one-design://presets/sizes（社交媒体、商店、网页、市场和印刷尺寸）、one-design://tools（完整工具目录）、one-design://plans。

套餐

  • 免费版：免费工具，每批处理 5 个文件，一次生成 1 个 QR 码，Stat Shot 可用少量额度，不含 Brand Libraries。
  • Pro：所有工具，每批处理 50 个文件，一次生成 50 个 QR 码，无额度限制，含 Brand Libraries。 终身使用 £29.99，一次性付费（发布价，原价 £79.99）。

Pro 可通过 Stripe 购买（buy_pro 或 one.design/pricing），然后使用相同的电子邮件地址登录（sign_in）即可解锁。会话信息保存在 ~/.config/one-design/mcp-account.json 中。

试着这样提问

  • “将 ~/Desktop/shoot 中的所有内容压缩到 500 KB 以下”
  • “在发布这些照片前，移除其中的位置信息”
  • “用这些标题为这些图片制作 App Store 截图……”
  • “把这个标志转换成 favicon 套装和完整的标志套装”
  • “合并这些 PDF 并删除第 3 页”
  • “免费版和 Pro 有什么区别？” / “购买 Pro”

安装

需要 Node.js 20 或更高版本。

一条命令（将其添加到已安装的 Claude Desktop、Claude Code、Codex 和 Cursor 中，并为其更改的配置文件保留 .bak 备份）：

npx -y one-design-mcp setup

--dry-run 会显示将要进行的更改，--app desktop|code|codex|cursor 用于选择一个应用，--remove 可将其移除。具有终端访问权限的 Agent（Claude Code、Codex、Cursor）可以帮你运行：让它“使用 npx -y one-design-mcp setup 配置 One Design MCP 服务”。

Claude Code

claude mcp add one-design -- npx -y one-design-mcp

Codex

codex mcp add one-design -- npx -y one-design-mcp

Claude Desktop：前往 Settings → Developer → Edit Config，然后将以下内容添加到 claude_desktop_config.json：

{
  "mcpServers": {
    "one-design": { "command": "npx", "args": ["-y", "one-design-mcp"] }
  }
}

关于此仓库

此仓库存放 One Design MCP 的文档及其在 MCP Registry 中的条目（server.json）。服务本身发布在 npm 上，名称为 one-design-mcp；npx -y one-design-mcp 始终运行 最新版本。

© One Design。保留所有权利。

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。