反模式

先叫出毛病。

别再把生成味交上去。先叫出毛病，再贴上修它的 Prompt。

分类严重度

颜色

默认紫渐变 高主视觉、标题或按钮上出现任何紫、靛蓝、紫红色渐变，尤其是配白字且页面没有别的色彩来源时。看修复 Prompt 灰底灰字 高正文或标签必须凑近才看得清。正常字号下对比度低于 4.5:1 的都算。看修复 Prompt 图片彩色描边 低所有图片或头像都带着同一圈淡淡的彩色描边，通常是强调色，1px。看修复 Prompt

字体与图标

全网都是 Inter 高一个无衬线字族包办标题、正文、标签和数字——通常是 Inter，有时是 system-ui。看修复 Prompt 拿 Emoji 当图标 中 🚀 ✨ ⚡ ✅ 被用作功能图标、列表符号或状态标记，混在真正的界面元素里。看修复 Prompt 全大写标签滥用 中三层以上的文本是大写加字距，而且字号常常跟正文一样。看修复 Prompt 标题里随机高亮一个词 中标题里有一个词——而且往往不是最重要的那个——被换色或换字体。看修复 Prompt 多余的小标签 低标题正上方一行小型大写或等宽文字，重复着标题里已经出现过的词。看修复 Prompt

厚度

边框只为加深厚度 低卡片或面板同时有可见的 1px 边框和 box-shadow。看修复 Prompt 扁平与拟物混用 中线性图标旁边是渐变加内阴影的按钮，或者新拟态卡片紧挨着扁平列表行。看修复 Prompt

布局

编号标记滥用 中卡片或列表项上方出现零填充数字，而这些项之间没有顺序关系。看修复 Prompt 居中三卡主视觉 高标题、副标题、CTA 全部居中，下面跟着一排三张等宽卡片。看修复 Prompt 嵌套圆角不同心 中嵌套元素的圆角曲线与容器不共圆心——转角处间隙明显变宽。看修复 Prompt 同族组件圆角不一致 低尺寸相近的同级组件带着明显不同的圆角。看修复 Prompt

动效

万物皆可悬停 高网格里每张卡片悬停都抬升或放大，包括那些根本不可点的。看修复 Prompt 每个区块都淡入上滑 高滚动时每个区块都用同一套淡入加上 20-40px 上移。看修复 Prompt 一个时长走天下 高样式表里所有 transition 与 animation 共用同一个时长值。看修复 Prompt 进场用 ease-in 高进场、展开、打开的元素，动作起步慢而后加速。看修复 Prompt 从 scale(0) 开始动画 中菜单、提示气泡、弹层从自身中心的某一点放大展开。看修复 Prompt 0ms 瞬间跳变 中悬停、激活、选中、勾选这些交互状态切换时没有任何过渡。看修复 Prompt 动画直接改宽高 中 transition 或 keyframes 里出现了 width、height、top、left、margin、padding。看修复 Prompt

可访问性

删掉焦点环 高样式表里有 outline: none 或 outline: 0，却没有配套的 :focus-visible 规则。看修复 Prompt 无标签的纯图标按钮 高按钮的唯一子元素是图标或 SVG，既没有 aria-label 也没有视觉隐藏文本。看修复 Prompt 小于 44px 的点击区 高图标按钮、关闭按钮、复选框、分页链接的热区小于 44px。看修复 Prompt