@ feimacode/ 打开设计代理- kit- mcp
任何MCP能编码剂的预级设计. 一个命令,没有其他可以运行.
这是 打开设计其设计库和工作流程,被包装为Claude Code, Codex, Cursor, 以及其它任何能说MCP的软件的平版 stdio MCP服务器. 它包括163个技能,114个设计模板,152个品牌设计系统,以及167个可再混合的例子. 问你的经纪人要一个甲板,一个着陆页,一个仪表板,或者一个原型, 它会构建一个看起来是设计而不是生成的, 作为你项目中的真实文件.
- 没有桌面应用程序, 没有守护进程, 没有账户 . 您的代理在Stdio上空按要求发射服务器,当代理完成时它就会退出.
- 没有 API 密钥或模型设置 . 服务器从不叫模特儿 您的代理商自己选择的模型使用其普通的文件编辑工具来完成生成. 服务器提供库并处理簿记(manifest,活性设计系统).
- ○解说. 它在目前项目中起作用了 活性设计系统被记住于
.open-design/config.json。 。 。 . - 普通档案. 它生产出的一切都是普通的HTML外加小JSON侧车在你的Repo中,这样你就可以diff,Review,并投入.
其核心工具和内容都与 VS 代码扩展,超过 MCP 而不是本地 languageModelTools。 。 。 .
看看它会建什么
大约280个供应商的技能和模板中,有四个是按原样制作的:
 "设计出约会现场仪表板——互通相通,相配率,30天趋势" |
 "有日常追求和XP的习惯跟踪应用" |
 "板上准备的战略甲板 瑞士国际风格" |
 "5个小费,作为"小红须"风格可刷卡木马" |
每个都从 remix_open_design_example (复制一个真实的例子,然后修改它)或 prepare_open_design_brief (编写指令并从零生成)——呼叫 list_open_design_skills 浏览另一个~276.
快开始
npx -y @feimacode/open-design-agent-kit-mcp
那是一个简单的Stdio MCP服务器。 跟你的经纪人登记一下:
克劳德代码
claude mcp add open-design -- npx -y @feimacode/open-design-agent-kit-mcp
或者安装 Claude 代码插件 相反: 它自动注册此服务器, 并在顶部添加 Open Design 技能 .
其他MCP客户
服务器列表于 MCP 登记册 作为 io.github.feimacode/open-design,所以客户端读取它(例如VS代码的) @mcp 画廊)可以直接安装. 在VS代码中,偏好 扩展:它增加了现场预览和编辑,同时安装两个都给了你两个相同的工具.
代码 CLI
codex mcp add open-design -- npx -y @feimacode/open-design-agent-kit-mcp
或手牵入 ~/.codex/config.toml数字 :
[mcp_servers.open-design]
command = "npx"
args = ["-y", "@feimacode/open-design-agent-kit-mcp"]
或运行 npx @feimacode/open-design-agent-kit init --tools codex 以添加匹配技能。 见 代码设置。 。 。 .
任何其他 MCP 主机 - 通用配置形状:
{
"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-<mode>-<id> 提示每个可重混合示例.
参数、结果和错误: 工具参考。提示: 提示和命令。 。 。 .
配置
默认为零配置. 服务器在您的代理商的目录中工作 。 可选环境变量(OPEN_DESIGN_WORKSPACE_ROOT, (中文(简体) ), OPEN_DESIGN_OUTPUT_DIR, (中文(简体) ), OPEN_DESIGN_FIGMA_TOKEN, (中文(简体) ), OPEN_DESIGN_BROWSER_PATH, (中文(简体) ), OPEN_DESIGN_FFMPEG_PATH, (中文(简体) ), OPEN_DESIGN_SHARE_BADGE)在下文中叙述 设置和环境变量。 。 。 .
什么不在这里
现场预览,内置评论,WYSIWYG编辑,Tweaks面板基于网络视图,只保留VS-Code——参见: VS 代码扩展 这些。 此软件包仅为无头技能/设计-系统/艺术工作流程.
再来
文档 • 妇女 解决问题 • 妇女 所有指南 • 妇女 社交媒体文章 • 妇女 导出甲板和PDF