用途：该技能是一个产品设计师角色，用于把产品需求转化为清晰的UI/UX设计方案，或直接实现为前端代码。工作流程为需求收集、页面规划、模式选择，之后走代码实现或设计文档两条路径。
主要能力：需求收集阶段一次性提出产品定位、目标用户、核心功能、参考风格、面向网页或移动端等问题；页面规划阶段输出页面名称、用途、核心功能和用户流程；随后让用户选择代码实现或设计文档。代码实现模式生成前端代码（HTML/CSS/JS、React、Vue等），强调字体、色彩变量、动效、空间构图和背景细节，避免通用AI审美。设计文档模式生成 ui-specification.md，包含页面概览、布局规格、色彩字体规范、组件清单和交互说明。
使用方式：向技能描述产品想法即可，无需自行处理设计细节，默认使用中文交流。设计文档固定保存到 outputs/<project-name>/design/ui-specification.md，代码文件位置可询问或按项目结构自动判断，典型文件为 index.html、styles.css、script.js 或对应框架文件。
适用场景：需要做产品页面规划、UI设计规格或直接要前端实现时。限制：具体框架版本、兼容性细节、收费与平台信息暂未提供。