# @feimacode/open-design-agent-kit-mcp 中文文档 规范地址：https://npmcn.com/package/%40feimacode/open-design-agent-kit-mcp/ 版本：0\.4\.0 npm 元数据更新时间：2026-11-08T00:52:49.522Z 中文译文更新时间：2026-11-14T13:34:51.451Z 软件包许可：MIT 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40feimacode/open-design-agent-kit-mcp 原文对照：https://npmcn.com/package/%40feimacode/open-design-agent-kit-mcp/?lang=original 项目主页：https://github.com/feimacode/open-design-agent-kit#readme 源码仓库：https://github.com/feimacode/open-design-agent-kit ## 关键信息（来自 npm 元数据） - 包体积（解压后）：10.3 MB，6 个文件 - 模块格式：CommonJS - TypeScript 类型：未声明 - Node.js 要求：\>=18 - 运行依赖：2 个 - 首次发布：2026-09-21T12:18:41.718Z - 最新版本发布：2026-11-08T00:52:47.620Z - 近 30 天下载量：3914（2026-10-15 至 2026-11-13，npm 官方下载统计） - 已发布版本数：10（近 12 个月 10 个） ## 中文简介 作为MCP服务器的Open Design:从任何MCP能代理(Claude Code, Codex, Cursor, GitHub Copilot等)制作海报,传单,社交帖子,幻灯片甲板,登陆页和原型,拥有198个设计系统,浏览器检查和PDF,PNG或PowerPo ## 安装 ```sh npm install @feimacode/open-design-agent-kit-mcp ``` 也可以使用：`pnpm add @feimacode/open-design-agent-kit-mcp`、`yarn add @feimacode/open-design-agent-kit-mcp`、`bun add @feimacode/open-design-agent-kit-mcp` ## README # @ feimacode/ 打开设计代理- kit- mcp **任何MCP能编码剂的预级设计. 一个命令,没有其他可以运行.** 这是 [打开设计](https://github.com/nexu-io/open-design)其设计库和工作流程,被包装为Claude Code, Codex, Cursor, 以及其它任何能说MCP的软件的平版 stdio MCP服务器. 它包括163个技能,114个设计模板,152个品牌设计系统,以及167个可再混合的例子. 问你的经纪人要一个甲板,一个着陆页,一个仪表板,或者一个原型, 它会构建一个看起来是设计而不是生成的, 作为你项目中的真实文件. - **没有桌面应用程序, 没有守护进程, 没有账户 .** 您的代理在Stdio上空按要求发射服务器,当代理完成时它就会退出. - **没有 API 密钥或模型设置 .** 服务器从不叫模特儿 您的代理商自己选择的模型使用其普通的文件编辑工具来完成生成. 服务器提供库并处理簿记(manifest,活性设计系统). - **○解说.** 它在目前项目中起作用了 活性设计系统被记住于 `.open-design/config.json`。 。 。 . - **普通档案.** 它生产出的一切都是普通的HTML外加小JSON侧车在你的Repo中,这样你就可以diff,Review,并投入. 其核心工具和内容都与 [VS 代码扩展](https://marketplace.visualstudio.com/items?itemName=feima.open-design-agent-kit),超过 MCP 而不是本地 `languageModelTools`。 。 。 . ## 看看它会建什么 大约280个供应商的技能和模板中,有四个是按原样制作的:
Consumer dating-app dashboard, editorial typography
"设计出约会现场仪表板——互通相通,相配率,30天趋势"		Gamified habit-tracking mobile app, three phone frames
"有日常追求和XP的习惯跟踪应用"
Board strategy deck, Swiss International style
"板上准备的战略甲板 瑞士国际风格"		Xiaohongshu-style swipeable knowledge card
"5个小费,作为"小红须"风格可刷卡木马"
每个都从 `remix_open_design_example` (复制一个真实的例子,然后修改它)或 `prepare_open_design_brief` (编写指令并从零生成)——呼叫 `list_open_design_skills` 浏览另一个~276. ## 快开始 ```bash npx -y @feimacode/open-design-agent-kit-mcp ``` 那是一个简单的Stdio MCP服务器。 跟你的经纪人登记一下: **克劳德代码** ```bash claude mcp add open-design -- npx -y @feimacode/open-design-agent-kit-mcp ``` 或者安装 [Claude 代码插件](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/getting-started/claude-code.md) 相反: 它自动注册此服务器, 并在顶部添加 Open Design 技能 . **其他MCP客户** 服务器列表于 [MCP 登记册](https://registry.modelcontextprotocol.io/v0/servers?search=io.github.feimacode/open-design) 作为 `io.github.feimacode/open-design`,所以客户端读取它(例如VS代码的) `@mcp` 画廊)可以直接安装. 在VS代码中,偏好 [扩展](https://marketplace.visualstudio.com/items?itemName=feima.open-design-agent-kit):它增加了现场预览和编辑,同时安装两个都给了你两个相同的工具. **代码 CLI** ```bash codex mcp add open-design -- npx -y @feimacode/open-design-agent-kit-mcp ``` 或手牵入 `~/.codex/config.toml`数字 : ```toml [mcp_servers.open-design] command = "npx" args = ["-y", "@feimacode/open-design-agent-kit-mcp"] ``` 或运行 `npx @feimacode/open-design-agent-kit init --tools codex` 以添加匹配技能。 见 [代码设置](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/getting-started/codex.md)。 。 。 . **任何其他 MCP 主机** - 通用配置形状: ```json { "mcpServers": { "open-design": { "command": "npx", "args": ["-y", "@feimacode/open-design-agent-kit-mcp"] } } } ``` ## 工具和提示 24个工具,与VS码扩展(减去社区共享)相同: - **目录 :** `list_open_design_skills`, (中文(简体) ), `list_open_design_design_systems`, (中文(简体) ), `recommend_open_design_design_systems` - **生成中 :** `read_open_design_source` (DOCX,PPTX,XLSX,PDF以及更多到Markdown), `prepare_open_design_brief`, (中文(简体) ), `register_open_design_artifact`, (中文(简体) ), `get_open_design_artifact`, (中文(简体) ), `remix_open_design_example`, (中文(简体) ), `add_open_design_diagram_runtime` - **探索方向 :** `prepare_open_design_exploration`, (中文(简体) ), `compare_open_design_exploration`, (中文(简体) ), `choose_open_design_direction` - **设计系统:** `set_active_design_system`, (中文(简体) ), `create_open_design_design_system` - **在原型之外:** `port_open_design_artifact_to_app`, (中文(简体) ), `prepare_open_design_component_library`, (中文(简体) ), `pull_open_design_figma_frame`, (中文(简体) ), `push_open_design_artifact_to_figma`, (中文(简体) ), `publish_open_design_artifact_to_canva`, (中文(简体) ), `publish_open_design_artifact_to_shop` - **检查和导出 :** `check_open_design_artifact` (截图加上飞行前的调查结果), `export_open_design_artifact` (PNG/JPEG,PDF,PowerPoint,MP4/WebM/GIF,独立的HTML,一个站点文件夹,电子邮件HTML,粘贴准备的HTML,每个电子表格行一个文件), `adapt_open_design_artifact`, (中文(简体) ), `create_open_design_qr_code`, (中文(简体) ), `list_open_design_print_houses`. 渲染需要安装了 Chrome, Edge 或 Chromium;动画导出还需要FFmpeg. - **共享 :** `publish_open_design_artifact` (临时链接,或您自己的Netlify, Vercel, Cloudflare 页面或 GitHub 页面) - **整合:** `list_open_design_integrations` (canva, Figma, Notion, Google Drive, Slack和发布服务 您的代理商可以连接) MCP 提示: 工作流程 `open-design-new`, (中文(简体) ), `open-design-social-post`, (中文(简体) ), `open-design-poster`, (中文(简体) ), `open-design-campaign`, (中文(简体) ), `open-design-docs`, (中文(简体) ), `open-design-explore`, (中文(简体) ), `open-design-publish`, (中文(简体) ), `open-design-deck-from-source`, (中文(简体) ), `open-design-integrations` 财务报告和审定财务报表 `open-design-recurring`,加上一个 `od--` 提示每个可重混合示例. 参数、结果和错误: [工具参考](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/reference/tools.md)。提示: [提示和命令](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/reference/prompts-and-commands.md#claude-code)。 。 。 . ## 配置 默认为零配置. 服务器在您的代理商的目录中工作 。 可选环境变量(`OPEN_DESIGN_WORKSPACE_ROOT`, (中文(简体) ), `OPEN_DESIGN_OUTPUT_DIR`, (中文(简体) ), `OPEN_DESIGN_FIGMA_TOKEN`, (中文(简体) ), `OPEN_DESIGN_BROWSER_PATH`, (中文(简体) ), `OPEN_DESIGN_FFMPEG_PATH`, (中文(简体) ), `OPEN_DESIGN_SHARE_BADGE`)在下文中叙述 [设置和环境变量](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/reference/settings-and-env.md#environment-variables)。 。 。 . ## 什么不在这里 现场预览,内置评论,WYSIWYG编辑,Tweaks面板基于网络视图,只保留VS-Code——参见: [VS 代码扩展](https://marketplace.visualstudio.com/items?itemName=feima.open-design-agent-kit) 这些。 此软件包仅为无头技能/设计-系统/艺术工作流程. ## 再来 [文档](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/README.md) • 妇女 [解决问题](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/troubleshooting.md) • 妇女 [所有指南](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/README.md) • 妇女 [社交媒体文章](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/social-posts.md) • 妇女 [导出甲板和PDF](https://github.com/feimacode/open-design-agent-kit/blob/main/docs/guides/export-decks.md) ## 许可证 麻省理工学院——见 [自由主义](https://github.com/feimacode/open-design-agent-kit/blob/main/LICENSE)技术/设计-系统/示范内容来自 [打开设计](https://github.com/nexu-io/open-design),许可Apache -2.0. ## 常见问题 ### @feimacode/open-design-agent-kit-mcp 是什么？ 作为MCP服务器的Open Design:从任何MCP能代理\(Claude Code, Codex, Cursor, GitHub Copilot等\)制作海报,传单,社交帖子,幻灯片甲板,登陆页和原型,拥有198个设计系统,浏览器检查和PDF,PNG或PowerPo ### 如何安装 @feimacode/open-design-agent-kit-mcp？ 在项目目录运行 npm install @feimacode/open-design-agent-kit-mcp，或使用 pnpm add / yarn add / bun add。它还提供命令行工具 open-design-mcp，可以用 npx open-design-mcp 直接运行。 ### @feimacode/open-design-agent-kit-mcp 支持 TypeScript 吗？ 该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/feimacode\_\_open-design-agent-kit-mcp 是否存在。 ### @feimacode/open-design-agent-kit-mcp 支持 ESM 还是 CommonJS？ 以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。 ### @feimacode/open-design-agent-kit-mcp 需要什么版本的 Node\.js？ package\.json 的 engines 字段要求 Node\.js \>=18。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。 ### @feimacode/open-design-agent-kit-mcp 可以商用吗？ @feimacode/open-design-agent-kit-mcp 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。 ### @feimacode/open-design-agent-kit-mcp 的下载量有多少？ 根据 npm 官方下载统计，@feimacode/open-design-agent-kit-mcp 在 2026/10/15 – 2026/11/13 这 30 天内被下载 3,914 次，日均约 130 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @feimacode/open-design-agent-kit-mcp 还在维护吗？ 最新版本 0\.4\.0 发布于 2026/11/08（6 天前）；至今共发布 10 个版本，其中过去 12 个月发布了 10 个；首次发布于 2026/09/21。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。