op-product-design-mcp
Enables AI hosts to validate, write to disk, hot-reload, preview, and export single-file HTML prototypes built to the Spark OP design spec, serving them locally at 127.0.0.1:5179 by slug. Also bundles the triggering skill, spec references, templates, and CSS tokens so agents can create, revise, and hand off development-ready prototype HTML through one controlled output path.
开发者工具
npm 0 个平台
0 项功能
安装
npx -y op-product-design-mcp
把上面的配置写入 MCP 客户端的配置文件（Claude Desktop 为 claude_desktop_config.json），重启客户端后生效。
{
"mcpServers": {
"op-product-design-mcp": {
"command": "npx",
"args": [
"-y",
"op-product-design-mcp"
],
"env": {
"OP_PROTOTYPE_OUT": "<OP_PROTOTYPE_OUT>",
"OP_PROTOTYPE_ROOT": "<OP_PROTOTYPE_ROOT>",
"OP_PROTOTYPE_SKIP_SKILL_INSTALL": "<OP_PROTOTYPE_SKIP_SKILL_INSTALL>"
}
}
}
}把上面的配置写入 MCP 客户端的配置文件（Claude Desktop 为 claude_desktop_config.json），重启客户端后生效。
数据来源：公开的 MCP Server 目录。本站为独立第三方目录，与各 MCP Server 维护方均无隶属或背书关系；名称与简介如实标注，介绍文案由本站再加工。
