用途:在创建、重设计或审查可见 UI 时,避免落入通用 AI 生成的设计套路,让界面显得有意图、贴合具体产品,而不是统计意义上的平均生成式前端。用户明确指令优先于该技能,除非用户要求更改,否则应保留既有产品约定、品牌规则和指定风格。
主要能力:提供一套判断与实施原则。核心判断是不把单个组件或样式视为禁用,卡片、渐变、胶囊、圆角、阴影、大字号、衬线字体、玻璃效果、密集表格、稀疏布局和动画都可能是正确的;失败模式通常是缺少产品理由的默认值累积。每个选择应能由用户任务、产品信息结构、受众与使用频率、既有视觉语言、内容本身、平台或领域惯例、用户给出的明确视觉方向之一解释,否则应重新考虑。
使用方式:改动可见 UI 前,先推断或检查足够上下文,回答屏幕用途、注意力优先级、信息主次、是否有既有设计系统或重复视觉语言、界面类型(营销面、产品面、内部工具、操作控制台、编辑器、数据视图等)。不要为让页面显得完整而虚构装饰区块、假指标、推荐语、徽章、辅助文本、状态块、导航或控件。仓库已有产品 UI 时,以该产品为主要设计参考。实施时把屏幕作为整体设计,优先层级先于装饰、信息结构先于卡片结构、有意义分组先于视觉容器、有意图密度先于任意留白、产品语言先于通用 SaaS 文案、一致系统行为先于新奇、真实内容与状态先于展示内容。使用最少装饰让关系与操作清晰。有组件库时将其作为实现基础设施而非视觉概念,按产品需要调整密度、圆角、间距、字体或构图。
适用场景:创建、重设计或审查可见界面,尤其是需要避免生成式默认外观、保持产品特定视觉语言时。
限制:用户明确指令优先;保留既有产品约定与品牌规则;不虚构内容;修改既有 UI 时保留可识别产品模式,避免为个人品味重设计无关区域,先移除生成式重复再添加视觉新奇,与相邻屏幕比较而非通用作品集审美。诊断或创建视觉方向时阅读 references/heuristics.md,在宣布可见 UI 工作完成前阅读 references/final-pass.md。具体安装命令、收费与平台信息暂未提供。