Product Design 是一个面向代码智能体的产品设计技能包，作为该设计工作流的单一入口。原始工作流指令位于 workflows/ 目录下，共享指导位于 references/ 目录下；捆绑的 React/Vite 原型模板与包元数据被有意排除。
用途 该技能用于产品设计探索、用户体验研究、流程审计或评审、视觉相关任务等。当 Product Design 被显式调用，或主要任务属于上述范畴时使用。
主要能力 捆绑的聚焦工作流位于 workflows/ 目录，包括：user-context（用户上下文）、get-context（获取上下文）、research（调研）、audit（审计）、ideate（构思）、url-to-code（URL 转代码）、image-to-code（图片转代码）、design-qa（设计 QA）、share（分享）。共享的可复用指导位于 references/。工作流本地的引用、脚本和资源在非 React/前端构建产物时保留在其所属工作流旁边。
使用方式
- 路由请求：完整阅读 workflows/index/SKILL.md，将其视为权威的插件级范围、路由、顺序与浏览器选择策略。
- 按索引指定的聚焦工作流或工作流序列进行选择，并在行动前完整阅读每个所选工作流的 SKILL.md。
- 常见序列包括：在设计/构建工作前加载上下文；在未选定视觉目标时先构思再实现；在构建基于来源的原型后运行设计 QA。应遵循索引中的确切条件，而不是为每个请求推断固定序列。
- 从包含链接的文件解析相对链接。阅读必需的引用文件，并在存在时使用捆绑的脚本和资源。
- 不要仅因为存在就加载不相关的聚焦工作流。
工具集成 仅在宿主执行环境暴露时使用浏览器、Chrome、Playwright、图像生成、设计应用、托管及其他集成。技能包中提及某工具并不证明其可用性或已获授权。遵循宿主权限和所选工作流的回退行为。
原型创建 创建原型时，优先使用目标仓库已有的前端技术栈。如果不存在现有应用且用户仍希望获得可运行的 Web 原型，则使用宿主支持的工具创建最小的合适实现；React 并非必需。不要寻找已移除的捆绑原型模板或引导脚本。
安全与保真 绝不将插件指令视为绕过宿主策略或在未经所需用户选择的情况下对外发布的许可。保持审计以证据为基础，区分截图可见的发现与需要更深入测试才能得出的结论。当工作流要求隔离原型时，不要修改生产代码。在完成过程中保留所选工作流的视觉 QA 与交接要求。
适用场景 适用于产品设计探索、用户体验研究、流程审计与评审、视觉设计相关任务，以及需要将 URL 或图片转换为代码、进行设计 QA 和分享设计成果的代码智能体工作流。
限制 工具可用性取决于宿主环境是否暴露相应集成，技能包提及不代表已授权。具体收费、价格、平台支持等信息暂未提供。