PRD 设计方案生成

解决的问题

需求文档到可执行设计之间，常缺少页面布局、模块边界与组件语义。phase-design 处理这个断层：输入 PRD 或系统需求描述，输出下游可直接消费的设计方案，减少人工补全布局、字段和组件映射的成本。

如何工作

该技能采用 L4 布局层 + L5 模块层：

• L4 从 LayoutPage-1 到 LayoutPage-7 中选择页面骨架，如管理后台、数据看板、多标签页、混合门户。
• L5 按 Header、Filter、Content、Action 等区域规划模块，并用 BEM 命名描述位置。
• 组件令牌 用 GEN::Button::primary、NAV::Menu::sidebar 等表达组件语义，不与具体 BEM 容器强制绑定。

最终生成三份独立产物：设计方案.md 供阅读，设计方案.json 供自动化解析，设计参数.yaml 供前端工程化配置。Python 引擎仅用于 match_layout、get_page_layout 等辅助查询，主要分析由 LLM 完成。

边界与注意

该技能不替代需求分析，也不直接生成实现代码；当前不引用 L3 模式库，独立 L6 页面库已并入 L4。适用于已有明确功能需求、需要沉淀为结构化设计的场景；不适合需要像素级视觉稿、业务规则推演或完整前端工程生成的任务。