Product Design 是 OpenCowork 的工作流插件,充当产品设计任务的调度入口,协调 ImageGenerate、Browser*、Read、Write、Edit、Bash、WebSearch 及已启用的 MCP 或部署工具。它不新增特权,仍遵循 OpenCowork 的文件、浏览器、Shell 与审批行为。
按任务类型选择对应参考文档:保存或查看上下文读 references/user-context.md;设计、重设计、原型、URL 克隆、图像转代码或视觉探索先读 references/get-context.md;生成视觉方向读 references/ideate.md;编码原型读 references/prototype.md;克隆在线 URL 读 references/url-to-code.md;从截图、稿子或生成结果构建读 references/image-to-code.md;审计流程或页面读 references/audit.md;调研用户痛点读 references/research.md;对原型与源视觉做 QA 读 references/design-qa.md;部署或分享原型读 references/share.md。
硬性规则:构思或构建前先确认简要设计说明;无 URL、截图、稿子、Figma 画板、本地运行应用或已选方案时先产出视觉方向;默认生成三个独立视觉方向并等待用户选择后再构建;克隆 URL 前须提醒用户拥有或获得授权;从 URL 构建前先采集桌面、移动、内容、资产与状态等源证据;除非明确要求改现有应用源码,否则只做纯前端原型;交付前运行设计 QA 并在原型根目录保存 design-qa.md,仅当结果为 passed 才交付,比较受阻则记为 blocked。
上下文与资产保存于 ~/.open-cowork/state/plugins/product-design/ 下。本地有 Shell 时可先运行 python3 {skill_root}/scripts/user_context_preflight.py。新建独立原型用 node {skill_root}/scripts/bootstrap-prototype.mjs --dest /absolute/path/to/prototype,之后在根目录 npm install 并启动本地 Vite 服务。沟通时像设计伙伴,先说可见结果、决策或阻碍,保持简短实用。