用途:提升网页 UI 的视觉判断力,使输出更专业、稳定、接近产品级。适用于生成新页面/区块/组件、评审现有 UI 弱点、重构实现、组件打磨、状态与动效优化、深度与光照调整。
主要能力:与框架无关,不仅判断页面构图,也判断组件精度、状态行为、动效语法与深度纪律。先确定视觉主张再实现;按请求范围严格交付,组件不扩成页面;以布局、间距、字体层级承载主要质量;强调克制、一致与精确,少容器、少强调色、少同时出现的想法。
使用方式:先对任务分类(生成、评审、重构、组件打磨、状态/动效优化、深度/光照优化),混合评审与重构时先诊断再决定改写深度。按优先级推进:范围与边界、构图与结构平衡、间距节奏与信息密度、字体与文案适配、组件工艺、交互状态、色彩系统、深度线索、动效反馈。可按需阅读 references 下的设计原则、色彩系统、组件美学、交互状态、动效原则与模式、深度光照系统、风格原型、反模式、评审量表、重写手册等文档。
适用场景:网页界面生成、评审、重构与组件级打磨,尤其适合希望摆脱模板感、提升产品级质感的场景。
限制:资料未提供具体安装命令、收费、价格、平台支持或效果保证;不添加未请求的营销文案、导航、页脚、徽章或 CTA;不默认使用奶油色、米色等暖白作为高级感捷径;移动端需重新构图而非压缩桌面布局。