UI Aesthetic Generator
目标:按审美规范直接生成可执行视觉规范,不只做点评。
SSOT
- •
../../ui-aesthetic-skill.md
核心能力
- •审美标准应用
- •视觉层级、色彩系统、排版系统、间距系统、圆角与阴影。
- •风格预设选择
- •根据场景匹配风格并给出理由与风险。
- •组件审美规范
- •按钮、卡片、输入等基础组件规范化定义。
- •生成验收闭环
- •执行审美检查清单并输出修复建议。
执行流程
- •输入解析:产品类型、品牌调性、目标人群。
- •风格策略:确定视觉方向与令牌范围。
- •组件规范:给出核心组件视觉规则。
- •质量回看:输出审美分和优化项。
输出约定
- •风格方向与设计理由
- •令牌建议(色彩/排版/间距/圆角/阴影)
- •关键组件视觉规范
- •审美风险与修复清单
协作关系
- •与
ui-aesthetic-coach区分:- •
ui-aesthetic-coach更偏诊断与改进 - •本 skill 更偏生成与规范落地
- •
- •与
ui-generation-workflow-runner联动用于 Step 2 实现阶段。