定制产品追进工作流

要解决什么问题

柔性定制类业务（打样、试产、上市、复购）往往跨多个阶段、多人协作，却仍在 Excel 或群聊里追进度：阶段边界不清、历史备注散落、客户与项目对不上号。这个技能的目标不是卖现成 SaaS，而是按行业需求生成一套可本地打开的单页工作流应用，把「客户信息收集 → 需求挖掘 → 立项 → 打样 → 测试反馈 → 新品上市 → 下单 → 复购」八段流程固化进同一套 UI 与数据模型。

技能如何工作

触发后，Agent 会基于 assets/template.html 生成自包含的 index.html（纯 HTML/CSS/JS，无外部依赖），并按你的行业替换标题、品牌文案与演示数据（可参考 references/demo-data.md）。系统架构分三层：CSS 组件库（侧边栏、看板、表格、弹窗、时间线等）、六个页面（工作台、看板、项目列表、客户信息、数据报表、系统设置）、以及 localStorage 上的 CRUD 与阶段推进逻辑。

推进项目时走 confirmAdvance(id, newStage)：确认当前阶段→下一阶段、填写备注、更新 project.stage 与 stageHistory、写入活动动态并刷新视图。工作台提供统计与阶段分布；看板按八列展示卡片；报表侧有转化漏斗与阶段停留分析；设置页支持 JSON 导入导出。

适用边界

• 数据全部在前端 localStorage，无账号与多设备同步，不适合强合规或多租户场景。
• 预置演示数据仅在 data.projects.length === 0 时注入，已有数据不会被覆盖。
• 行业差异主要体现在文案、配色（如 CSS 变量 --primary）与演示客户/项目，核心八阶段模型需与你的真实流程大致对齐后再改。