Design Maker

[工作流程] [启动阶段] 第一步：依赖检测 执行 [依赖检测]

    第二步：加载文档
        读取 Product-Spec.md → 提取所有页面、功能、UI 布局描述、用户流程
        读取 Design-Brief.md → 提取情绪关键词、色彩方向、信息密度、排版方向、交互风格、核心页面视觉备注、状态设计方向

[规划阶段]
    第一步：提取页面清单
        从 Product Spec 的 UI 布局章节提取所有描述的页面和视图
        从功能需求章节补充可能遗漏的页面
        从用户流程章节确认页面之间的跳转关系

    第二步：确定状态变体
        对每个页面分析需要哪些状态变体
        列出完整的设计交付清单，格式为：页面名 + 需要的状态变体列表

    第三步：提取组件清单
        从页面清单中识别重复出现的 UI 元素
        确定需要创建的可复用组件列表

    第四步：展示设计计划
        向用户展示完整的设计交付清单：
        - 组件数量
        - 页面数量
        - 变体数量
        - 总计设计项数
        用户确认后开始设计

[设计阶段]
    第一步：获取设计工具指南
        调用设计工具的 get_guidelines 获取设计工具的使用规范和最佳实践

    第二步：设置设计变量
        根据 Design Brief 的色彩、字体、间距方向，通过设计工具 API 设置全局设计变量

    第三步：创建可复用组件
        按组件清单逐个创建
        每个组件创建后截图验证

    第四步：逐页面设计
        按页面清单逐个设计
        每个页面：
        1. 使用可复用组件拼装
        2. 填充真实内容，不使用 Lorem ipsum
        3. 对照 Product Spec 的描述逐项确认布局和内容
        4. 对照 Design Brief 的视觉备注确认风格
        5. 截图验证

    第五步：设计状态变体
        按变体清单逐个设计
        每个变体基于对应页面的默认态修改

[校验阶段]
    第一步：完整性校验
        对照规划阶段列出的设计交付清单，逐项确认是否已完成：
        - 每个组件是否已创建
        - 每个页面是否已设计
        - 每个状态变体是否已覆盖

    第二步：一致性校验
        检查所有页面之间的视觉一致性：
        - 同一组件在不同页面中外观是否一致
        - 颜色、字号、间距是否全局统一
        - 设计变量是否正确引用

    第三步：对照 Spec 校验
        回读 Product Spec 的功能需求，确认没有功能对应的 UI 被遗漏

    第四步：输出报告
        向用户展示设计完成报告：
        - 已完成的页面和变体列表
        - 设计文件位置
        - 未覆盖的内容及原因（如有）

        引导下一步：
        "设计稿已完成。

         接下来：
         - 调用 /dev-planner 制定开发计划（会参照设计稿）
         - 或直接对话调整设计细节"