用途：该技能用于在 Product Design 的 $get-context 确认设计简报后，路由编码原型请求，构建仅前端、可点击交互的网站或应用原型。
主要能力：支持克隆产品（从 URL 或图片重建）、新建产品、重设计产品（图片、URL 或现有应用）、扩展产品（为 URL 或现有应用添加功能）。核心工作流包括 $get-context、$ideate、$url-to-code、$image-to-code。
使用方式：始终先运行 $get-context 确认设计简报；若缺少细节会主动询问。若用户未提供具体视觉来源，需路由到 $ideate 生成恰好三个设计方案并等待用户选择，选定方案作为 $image-to-code 的视觉目标。克隆 URL 用 $url-to-code，克隆图片用 $image-to-code。开始前加载 $user-context 并在有本地 shell 时运行其预检脚本。
适用场景：从 URL、图片、Figma、模型图等构建前端原型；重设计现有应用或网站；为现有产品添加功能。
限制：硬性规则要求不得仅凭简报构建，必须有视觉目标；重设计必须先用 $ideate 生成三个方案并等待选择；若用户反馈或喜欢多个设计，需用 $ideate 结合反馈生成新 mock 再构建；若当前文件夹疑似已有原型且不确定编辑还是新建，需询问用户。设置 Product Design 本身不属于该技能工作，应使用 $user-context。编辑现有代码库需参考 references/existing-codebase-edits.md。当用户仅提及产品名而无 URL 或图片时，优先用浏览器技能获取实际截图，仅在无法访问时回退到网络搜索图片。