antislopDESIGN.md 黄金组合终极指南让 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-slop用 AI 写网页的人都有过这种感觉页面能跑但蓝紫渐变、玻璃拟态圆角卡片、10K Users 假数据、Get Started 按钮一应俱全一股浓浓的AI 味。antislop 正是为此而生它是一套给 AI 编码智能体的反 Slop 设计过滤器能拦截通用的 Slop 设计、Slop 文案和 Slop 代码而品牌灵魂则来自你自己的DESIGN.md文件。本文带你看懂这个黄金组合让 AI 设计既干净又独特。一、为什么 AI 页面总有一股Slop 味Slop 指 AI 的默认审美模型拿不准时就会吐出的那套既定样式。一张典型的 Slop 落地页长这样看看这些细节✨ 闪光 emoji logo、NEXT-GEN AI 2.0 胶囊徽章、一个显示 0.0001ms 延迟的假终端窗口还有 Revolutionary AI Intelligence 这类空洞口号。antislop 把这些套路整理成了诊断清单antislop.md视觉配色、布局组件、文案内容、装饰元素、功能完整性、品牌识别六大类共 50 余种AI 味特征外加 38 条强制规则逐一拦截。二、黄金组合的分工antislop 是过滤器DESIGN.md 是方向盘很多人以为 antislop 是一份规定长什么样的样式指南。恰恰相反它明确声明自己是a filter, not a style guide不指定任何颜色、字体和布局只拒绝没有目的的技术antislop.md。三个文件的职责划分非常清晰文件职责谁来写DESIGN.md品牌灵魂身份、个性、色板、字体、情绪基调你antislop.md过滤器拒绝 Slop同时强制活性要求开源项目AGENTS.md/CLAUDE.md路由告诉 AI 做 UI 先读谁、再读谁安装器自动写入两个关键机制保证了去 Slop 但不呆板R-37 方向必选建页前必须先读DESIGN.md没有方向时产物只能标注为 draft without direction无方向草稿不具备交付资格三个活性旋钮每个设计必须显式设定 ENERGY能量、RHYTHM节奏、MOTION动效三档值1 到 3 分让页面不只是干净而是活着antislop.md。一句话总结antislop 清掉不该有的DESIGN.md填上留下的空间两者缺一不可。三、同一需求做四次结果一目了然 项目用同一个落地页需求做了四次生成四种组合效果对比非常直观① 什么都不用② 仅 antislop大多数 AI 输出的起点闪光 logo、beta 徽章、假终端过滤掉编造数据后文案变诚实了朴素因为美不是它的职责③ 仅 DESIGN.md④ antislop DESIGN.md方向落地了但 Slop 仍在DESIGN.md只给方向不会过滤诚实的数据 独特插画主视觉唯一干净且有方向的结果 ✅结论黄金组合是四种结果里唯一同时做到干净 有方向的这正是项目那句座右铭的含义antislop is a filter, not magic. A beautiful UI is DESIGN.mds job, and yours.四、快速上手三种安装方式任选方式一一键安装推荐npx antislop-ai安装器会依次询问选哪些技能包、装到当前项目还是全局、你使用哪些智能体支持 Claude Code、Codex、Cursor、Cline、Copilot 等 11 种。安装完成后开启一个新会话即可生效。方式二单文件任意 AI 都能用antislop.md 是纯文本从仓库下载后丢给任何 AI说一声阅读该文件并按其中的安装指引操作即可手机上的聊天窗口也没问题。方式三clone 整个仓库git clone https://gitcode.com/gh_mirrors/anti/anti-slop各智能体的详细安装步骤见 GUIDE.md。五、38 条规则 交付门禁它如何把关38 条规则R-01 至 R-38分为三层antislop.mdHard Gate绝对门槛禁止假数据、假评价、假安全认证移动端不能破版每个按钮必须有真实行为Purpose Gate技术可用理由必填渐变、玻璃拟态、光晕并不被禁止但必须写出它服务于什么目的Quality Locks一致性锁核心色不超过 2~3 个 1 个强调色禁止克隆 Linear/Stripe 的视觉每个关键决策都要能一句话写清理由R-31 被称为基石规则。交付前还要过一道Delivery Gate四个板块的 PASS/FAIL 检查报告任何一项 FAIL 都不允许交付antislop.md。六、不止 UI文案和代码注释也去 AI 味同一条提示词跑两次文案的差别肉眼可见过滤前过滤后emoji 项目符号、全大写 NEW DROP、每句都在喊口号平实的句子并提醒你没有真实内容的行直接删掉代码注释同理skills/antislop-code/SKILL.md清理前清理后线框分隔横幅、emoji、复述变量名的注释装饰全删只留一句模块是做什么的代码本身不动技能按需加载各管一摊UI 视觉 → antislop-ui、文案 → antislop-copywriting、无障碍 → antislop-human、移动端响应式 → antislop-layoutmobile。只装核心规则也足够构成一个完整过滤器。七、写在最后上面四张对比图的动态回放三句话收尾antislop 解决AI 味DESIGN.md解决品牌灵魂黄金组合缺一不可它不规定任何样式只追问一个问题这个决策服务于什么目的如果结果不够漂亮那不是过滤器失效而是方向缺失——去补写你的DESIGN.md。更多功能规划与版本更新见 ROADMAP.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），仅供参考