Hydee D2C Agent

问题

传统产研流程把产品、设计与前端排成一条流水线。每个角色在自己的节点上完成任务，却很少共同维护最终质量。偏差被推迟到开发或验收阶段，设计开始逐像素走查，前端被迫返工。

如果设计转代码只介入最后一步，它只会更快地复制上游的不一致。真正的问题，是设计稿背后是否存在清楚的组件、Token、命名、布局结构和团队约定。

介入方式

Hydee D2C Agent 以 DSM 组件、Design Tokens、图层语义与前端组件契约作为上下文。LLM 负责理解与编排，MCP 连接设计工具，Code Connect 把设计组件映射到真实代码资产。

这条链路由五个环节组成：

• 理解业务目标、技术栈与组件边界
• 解析图层、布局、Token 与组件语义
• 将设计组件映射到企业前端资产
• 生成 Vue 或 React 代码
• 检查还原度、组件一致性与可维护性

产品不是插件

项目同时推动 UED 与前端架构形成虚拟协同团队，共同定义组件命名、Token、页面模板与验收标准。

D2C 的价值不只是少写一些样式，而是让产品、设计和研发更早围绕同一份结构化信息协作。设计系统因此不再只是规范文档，而成为 Agent 可以调用的工程资产。

验证

方案在海典内部业务中持续验证，并发布到 MasterGo 社区。公开与内部复盘材料显示，它减少了重复编码与多轮 UI 验收，也让设计规范、组件资产和代码生成第一次进入同一条交付链路。