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.
Install
npx -y op-product-design-mcp
Paste the configuration above into your MCP client config (claude_desktop_config.json for Claude Desktop) and restart the client.
{
"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>"
}
}
}
}Paste the configuration above into your MCP client config (claude_desktop_config.json for Claude Desktop) and restart the client.
Sources: public MCP Server directories. This is an independent third-party directory with no affiliation to or endorsement from the maintainers of the listed servers.
