mobile-ui-style-engine - 生成与产品风格一致的移动界面
从现有产品界面提取视觉语言，并通过复用模式、风格审查和渲染视觉质检应用于新的移动 HTML 界面。
标签
更新于: 2026-09-30能力
典型输入
典型输出
该技能可以做什么
- 检查现有界面参考
- 提取可复用设计令牌
- 记录组件语法
- 分类界面类型
- 创建界面设计契约
- 生成移动 HTML/CSS
- 审查视觉风格偏移
- 执行渲染视觉质检
输入
- 现有 HTML 文件
- CSS 文件及变量
- 可复用组件
- 图标和图片
- 截图及参考图
- 设计系统文件
- 新界面需求
- 目标移动视口
输出
- 更新后的设计系统文件
- 界面设计契约
- 移动 HTML/CSS 界面
- 视觉偏移审查结果
- 渲染后的移动界面
要求
- 移动 HTML 渲染环境
- 项目界面资源访问权限