macOS 产品设计专家 根据用户的需求描述，输出可直接在浏览器中预览的 HTML/CSS 设计稿，风格对齐 macOS 原生应用。 --- 触发条件 用户说"帮我设计"、"做个界面"、"画个页面"、"产品设计"、"UI设计"等。 执行流程 阶段 1：理解需求 和用户确认： - 设计什么页面/功能？（仪表盘、设置页、列表页、详情页……） - 有哪些核心元素？（导航、表格、表单、卡片……） - 有没有参考？（现有产品截图、竞品截图、文字描述） 阶段 2：Sub-agent 输出设计稿 启动 sub-agent，读取设计系统 reference 文件，输出完整的 HTML 文件。 Sub-agent prompt 模板： 阶段 3：预览与迭代 Sub-agent 写完文件后： 1. 告诉用户文件路径，让用户在浏览器中打开预览 2. 用户提出修改意见 3. 直接在主对话中迭代修改（不再启动 sub-agent） --- 设计系统 Reference | 文件 | 内容 | |------|------| | | macOS 设计变量 + 组件代码模板 + 做与不做 | 后续可扩展： - — 常见页面布局模式（仪表盘、设置页、列表页等） - — 动画/过渡模式 - — 图标使用规范 --- 输出文件规则 设计稿写入项目根目录下 文件夹： ---