antislop三层过滤体系深度解读38条规则如何分层协同拦截AI Slop【免费下载链接】anti-slopRules for an AI coding agent to filter out generic AI-generated UI designs, text, and code.项目地址: https://gitcode.com/gh_mirrors/anti/anti-slopantislop 是一个给 AI 编程智能体使用的过滤规则体系filter而非风格指南它用 38 条分层规则拦截 AI 生成的一眼假 UI、营销文案和代码注释也就是常说的AI Slop。本文带你拆解它的三层过滤体系Hard Gate、Purpose-Gate、Quality Locks 各自管什么以及 Delivery Gate 如何在交付前把三层规则拧成一条拦截线。先认清 AI SlopAI 生成页面的一眼假信号用过 AI 做页面的人大概都见过这种画面蓝紫渐变背景、满屏 ✨ 星光图标、NEXT-GEN AI 2.0 胶囊徽章、一个打字机效果的假终端、10,000% ROI 的虚构数据还有一个点了没反应的 Get Started 按钮。文案和代码同样逃不掉满屏表情符号列表的发布文案、用横幅装饰的注释、Initialize the variable 这种复述代码的废话……antislop 的核心文件 antislop.md 第一部分先给了一张AI Slop 模式诊断表蓝紫渐变、玻璃拟态、How It Works 永远是 3 步、三列定价、四列页脚……单个模式出现不算罪一堆模式无目的叠加出现才是 Slop。这张表是诊断工具不是禁令——真正的拦截靠下面三层规则。三层过滤体系总览38条规则的分层设计在 Part 2 强制规则R-01 到 R-38 中antislop 把 38 条规则明确分成三层机制各不相同层级规则数机制违反后果 第一层Hard Gate绝对门禁17 条绝对禁止不接受任何理由直接 FAIL不可申诉⚖️ 第二层Purpose-Gate目的审查12 条技术本身放行但必须写下用途无理由 FAIL有理由 PASS 第三层Quality Locks质量锁9 条一致性与整体质感要求与 C-1~C-5 工艺标准一起检查这套分层背后是一个核心设计哲学antislop 是过滤器不是风格指南。它不指定你的颜色、字体和布局只做两件事让每个视觉决策通过目的测试purpose test这个技术为产品服务什么让结果达到生动性标准liveliness bar输出必须活着而不只是干净。第一层 Hard Gate17条绝对规则违反直接 FAILHard Gate 组 守护诚实、功能与无障碍17 条规则没有例外空间。挑几条最贴近日常的看规则拦截对象要求R-17无来源的数字没有真实数据源就一个数字都不显示空比欺骗好R-18AI 头像假评价没有真实用户评价就干脆不建评价区R-25看不清的文字正文对比度 ≥ 4.5:1WCAG AA灰底灰字禁止R-26死按钮每个按钮必须有真实行为否则删掉R-27只有完美路径的界面必须有空状态、加载态、错误态R-35写完就算完交付前必须真的跑起来、逐个点击并记录证据R-02破折号 —AI 文案的高频指纹全文禁用R-37无方向设计建 UI 前必须有DESIGN.md或明确品牌方向否则只能标注为草稿注意 R-35 的细节它要求交付时附上逐元素的点击证据注册按钮 → 打开 /signup无控制台错误没有这份清单的 PASS 不算 PASS。这就是绝对门禁的分量——它审的是结果是否真实可用而不是好不好看。第二层 Purpose-Gate12条规则技术放行但理由必须写下来Purpose-Gate 组 回答一个关键问题渐变、玻璃拟态、光晕这些技术到底禁不禁答案是不禁但你得说清楚为什么用。这 12 条规则R-01、R-04、R-06~R-10、R-12、R-13、R-14、R-19、R-22全部是同一个形状无目的使用 禁止服务于视觉层级或品牌身份且写下理由 允许过度使用还有剂量上限。举几个典型例子R-01 颜色与渐变蓝紫渐变、霓虹色板作为默认主色禁止但如果它属于既有品牌身份、或承担明确的层级目标把理由写下来就放行。原文的总结很精辟同一个渐变分隔一层级是手艺铺满整页是 Slop。问题不在技术在目的。R-10 玻璃拟态技术本身是点缀剂量上限是模糊效果最多用于 1~2 个元素导航栏、卡片、弹窗、侧边栏同时上毛玻璃 FAIL。R-13 光晕只允许作为 1~2 个关键元素的聚焦强调卡片按钮徽章图标背景边框六处同时发光 FAIL。R-04 图标✨ 星、魔法、闪电、AI 球这些通用 AI 图标默认禁止找不到合适的图标不用比乱用更好。这一层把审美判断变成了举证责任智能体想用某个技术就必须写下一句话理由。写不出来说明它本来就没有理由。第三层 Quality Locks9条一致性规则锁住整体质感Quality Locks 组 管的是全局一致性防止页面每个局部都合规、拼起来还是模板脸规则锁定内容R-05禁止 AI 模板布局Hero3卡片、How It Works永远3步、三列定价、四列页脚、Bento 网格做默认分区R-11禁止所有元素全做成胶囊形圆角变化是层级工具R-15禁止 Get Started / Learn More 这类通用 CTA按钮文案必须对应真实动作R-16禁止 AI Powered / Seamless / Revolutionary 等营销buzzwords用具体语言说真实收益R-20换掉 logo 后设计还认得出自己吗认不出 没有身份R-21暗色模式要有理由暗色看起来科技感不算理由R-29主色最多 2~3 个核心色 1 个强调色R-30禁止不请自来的Linear 脸 / Vercel 脸 / Stripe 脸R-31拱顶规则keystone每个主要决策都必须能写出一句话理由写不出来 决策无效R-31 是整个体系的拱顶它是 Purpose-Gate 那 12 条规则真正生效的机制——把理由写下来这一动作逼出了意图本身。Delivery Gate三层规则如何在交付前协同拦截三层规则审的是过程中的决策而 Delivery Gate 审的是最终产物交付前必须输出一份 PASS/FAIL 报告任何一项 FAIL 都不许交付修完重跑。四个检查块正好对应三层体系Hard Gate 块17 个问题全部回答否还有假数据吗还有死按钮吗Purpose-Gate 块每个在用的技术都附有书面理由Liveliness 块7 个问题全部回答是见下文Craftsmanship Quality Locks 块C-1~C-5 工艺标准 9 条质量锁全部通过其中 Liveliness 块值得单独说。生动性工具箱Part 3 指出一个反直觉的事实过滤只能做减法删完 Slop 剩下的是空洞。所以它要求每个设计显式拨动三个旋钮每个只有 3 档3 档是为了可检查10 档人类和模型都判不准旋钮1 档克制2 档均衡3 档大胆ENERGY能量线性、克制Stripe 式平衡Awwwards 式张扬RHYTHM节奏统一网格一致中偶有破格非对称混合编排MOTION动效仅 hover 态滚动揭示、过渡视差、固定、编排再配上五个杠杆每屏一个焦点、层级对比、留白即结构、一个克制的强调色、一个身份母题过滤体系才真正闭环先删假再补活。技能扩展让过滤覆盖文案与代码注释核心过滤永远加载5 个可选技能按任务加载技能目录每个技能引用核心规则编号而不重复规则antislop-ui布局、颜色、组件、动效antislop-copywriting标题、CTA、语气、反 AI 写作模式antislop-human对比度检查附带 contrast-check.py、键盘、焦点、状态antislop-layoutmobile断点、栅格、溢出、触控目标antislop-code只清理注释绝不碰可执行代码代码注释技能的对比最直观文案技能的效果同样明显两种使用模式与快速上手开始任何 UI 工作前antislop 会先问一个问题答案决定模式During构建中边写边过滤Slop 从源头不出现以 Delivery Gate 收尾。适合新建页面。After完成后审计对已有产出输出带编号的 findings 清单优先级直接由规则层级决定Hard Gate HIGHPurpose-Gate MEDIUMQuality Locks LOW你勾选修哪几条它只修勾选的并出后续报告。上手机器很简单任选一条路径完整步骤见 GUIDE.mdnpx antislop-ai或者零依赖路线把单文件 antislop.md 交给任何能读 Markdown 的 AI它本身就是一个完整过滤器。Cursor 用户可以直接看 rules/antislop.mdc它会在每个会话把六个技能保持在一问即达的状态。总结过滤器负责减法方向负责美感最后看两组对照图把整篇文章收拢成一句话。只用DESIGN.md有方向、没过滤方向到位了但假数据、假评价还留在页面上——方向不拦截 Slop。而 antislop 过滤 DESIGN.md方向结合时才得到既干净、又个性的结果回到三层体系的分工Hard Gate 守住诚实底线Purpose-Gate 把审美判断变成举证责任Quality Locks 锁住整体一致性Delivery Gate 在出口处把四块报告合为一道闸。38 条规则看似严苛其实只在做一件事——让 AI 的每个决策都有据可查。过滤器清走 Slop而美永远是DESIGN.md和你的工作。【免费下载链接】anti-slopRules for an AI coding agent to filter out generic AI-generated UI designs, text, and code.项目地址: https://gitcode.com/gh_mirrors/anti/anti-slop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考