SuperAPI AI 工具集

web-ai-slop

设计与创作

查看项目

更新于 10-16 02:42

技能介绍

Web AI Slop 是一份面向从业者的“反 AI 默认模式”检查清单,定位为过滤器而非风格指南。它存在的原因是:语言模型在每个网页领域都会收敛到同一小批“安全”默认选项,并非因为那些默认选项好,而是因为它们是训练数据的统计中心。该技能的任务是精确命名这个中心,让使用者能够刻意走开。

核心信条:避免统计平均值。生成布局、样式或逻辑时,不要默认典型或“标准”做法;应针对具体语境、用户与约束做出有意选择。

应用规则:先起草输出,再对照相关章节运行检查。若在任何单一章节命中两项或更多,就说明你没有做决定,而是默认了。丢弃草稿,为这个产品、团队和语境做出具体且有理由的选择。应静默应用此过滤器,不要对用户叙述“我正在对照反 slop 清单检查”。

视觉设计方面,清单列出布局与构图默认项:居中英雄区配标题、副标题、两个胶囊 CTA 与浏览器样机截图;对称三列或六列功能区网格;只含文字的整屏英雄区;无变化的“区块—分隔线—区块”节奏;在所有页面都出现的吸顶导航;填满无人真正会点的链接的四五列页脚;给不需要图标的特性硬配图标;用 emoji 当图标或在文案任何位置使用 emoji;未经质疑地沿用 Shadcn 默认图标集;默认添加装饰性渐变。装饰母题方面,列出渐变光斑/极光背景、粒子网络/连接点连线、波浪或团块 SVG 分隔线、发光品牌色光晕/外发光阴影、把仪表盘小部件与图表平铺成装饰背景、等距 3D 插画、低多边形几何背景、倾斜漂浮的 UI 截图。组件层线索方面,列出玻璃拟态卡片、图标圆角方块组成的便当网格、普遍的过大圆角、所有按钮都是胶囊形、带图库头像与泛泛一句话的推荐语轮播、总是三档且中间高亮的定价区、高对比发光阴影按钮。快速扫描信号表列出:紫蓝渐变、处处玻璃拟态、粒子网络/神经网络视觉、图标卡片便当网格、间距不一致、排版层级弱、对比度差、所有卡片悬停效果相同、过量闪光/AI emoji。快速测试是缩小浏览器或手机打开,AI 生成布局常在未专门提示的断点出现破版、重叠或溢出;真正的响应式跨断点质检常被最先跳过。建议改为:选择一个真实视觉装置——具体插画、真实产品数据流示意图、真实界面截图——克制地呈现并给它留空间。

色彩与字体方面,色彩默认项包括:无品牌信号时自动使用紫罗兰/靛蓝配蓝或粉的“科技”配色;纯黑或纯白背景;出于美学而非内容需要默认暗色模式;无理由的渐变按钮 CTA;一个设计系统里用五个以上强调色;没有出处说明的十六进制色值。字体默认项包括:只用 Inter 的 400/600/700;大标题字距不动;反射式套用 tracking-wide/wider/tight 与全大写强调;除字号和字重外没有视觉层级;不考虑上下文的行高;把所有标签全大写;正文只靠加粗强调。建议从具体来源推导调色板,使用前说明色值及理由,指定字体前说明原因。

文案与内容策略方面,句形与句法陈词包括:“在当今快节奏/数字/不断变化的世界里……”这类清嗓子开场;“解锁/释放/提升/加速/赋能你的[名词]”;“无论你是 X 还是 Y,产品都能满足你”;“告别[痛点]”;“为各种规模的团队打造”;三项式形容词堆叠;否定式平行结构“不只是 X,而是 Y”;为制造虚假深度而滥用转折;同一主张用破折号重复两遍;句首连词/过渡词堆砌;以相同动名词开头的项目符号列表;AI 讲故事套路。结构默认项包括:泛泛页面标题、像宣传册的元描述、LinkedIn 风格的“关于我们”、反问式开头、含糊名词章节标题、泛泛 CTA 按钮文案。

流程方面:先锚定,再起草,再过滤,再自检。锚定要求命名一个输出必须忠于的具体事物(真实主题或产品、受众、该页面/组件/文档/配置要完成的一项任务);若简报已指定方向则严格遵循,不要用自己的参考替代明确指示;在留白处命名 1 到 2 个具体真实参考进行三角定位,而不是氛围词;一个参考会招致克隆,两个具名力量的混合会逼出新东西。起草应从锚定出发,而非从第一个想到的模式出发。过滤时对照相关参考文件,任一章节命中两项以上即视为默认。按需只加载当前任务涉及的文件,纯文案任务不必打开 DevOps 参考。自检要求在展示输出前运行六个问题,任何“否”或“不知道”都需修改。记录仅适用于同一会话中的多件工作;模型没有跨对话记忆,因此不应向用户暗示某条规则能跨会话保持。

限制方面:资料未提供收费、价格、平台支持、安装命令或具体文件结构等事实。