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サーバーカタログ。当サイトは独立した第三者ディレクトリであり、各MCPサーバーの提供元との提携や推奨関係はありません。
