ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

什么是AI Slop?antislop终极指南:38条规则让AI编程代理告别模板感设计

什么是AI Slop?antislop终极指南:38条规则让AI编程代理告别模板感设计 什么是AI Slopantislop终极指南38条规则让AI编程代理告别模板感设计【免费下载链接】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编程代理生成的页面越来越“撞脸”蓝紫渐变、闪光图标、“Unlock the power of”式标题、还有一堆“10K用户”的假数据这就是AI Slop——AI生成内容的“模板感”。antislop就是一套写给AI编程代理AI coding agent的规则系统用38条强制规则把AI Slop从UI、文案和代码注释里过滤掉让AI的输出“像设计师做的”而不是流水线模板。本文带你看懂什么是AI Slop、antislop如何起作用以及如何一条命令完成安装。什么是AI Slop60秒看懂AI生成内容的“模板感”一句话Slop是AI的“默认长相和声音”是模型最安全、最熟练、也最量产的那套输出。GUIDE.md 把它归纳为三类视觉上同款渐变横幅、同款圆角卡片、同款“Hero三张卡片”布局、闪光和火箭图标、“AI Powered”胶囊徽章文案上听起来很激动但什么都不说的句子“Seamless”“Revolutionary”式营销词以及“99.9% Uptime”这类编造的数据实现上截图里完美但文字混进背景、按钮点了没反应、手机上布局直接散架。antislop.md 里给出了一条最核心的判别标准把Logo和产品名换掉这个设计还有独特感吗如果答案是否定的说明它太模板化推倒重来。AI Slop常见模式清单对照自查规则文件把最常见的套路整理成了清单。AI生成的页面如果“集齐”下面这些基本可以确诊类别典型模式视觉与配色蓝紫/蓝青渐变、全屏玻璃拟态、所有元素都是胶囊形、大而软的阴影布局与组件“Hero副标题按钮功能网格推荐语FAQ”模板、“工作原理”永远三步、“Trusted By”logo墙文案与内容假数据10K Users、假用户评价、空泛营销词、“Learn More”式通用按钮装饰元素闪光/星星/机器人图标、AI胶囊徽章、几乎每个按钮都带小箭头 →功能与身份按钮点了没反应、没有空态/加载/错误状态、移动端溢出断裂无障碍灰字配灰底、键盘无法操作、焦点不可见antislop如何工作它是过滤器不是风格指南antislop最容易被误解的一点它不是模板。它不规定你的颜色、字体和布局也不禁止玻璃拟态或渐变。它拒绝的是“没有目的的技术”——同样的渐变用来区分信息层级就是手艺糊满整页就是Slop。它的工作机制分三层38条规则、三个层级R-01至R-38完整定义见 rules/antislop.mdHard Gate绝对红线没有例外。比如禁止编造数据R-17、禁止虚构用户评价R-18、文字对比度必须达到WCAG AAR-25、按钮必须有真实行为R-26、必须有空态/加载/错误三态R-27Purpose-Gate技术可用理由必填渐变、玻璃拟态、光效都能用但必须写下一句话说明它服务于什么写不出来就不能用R-31“每个决策都要有理由”正是这套规则的地基Quality Locks一致性锁调色板限2-3个主色1个强调色R-29、不允许整体克隆Linear或Stripe的长相R-30、布局不得模板化R-05。Liveliness Toolkit生命力工具箱过滤器能删掉Slop但没法凭空加活力。所以antislop要求设计前先拨动三个旋钮——ENERGY能量/ RHYTHM节奏/ MOTION动效各1-3档保证输出“有生命、有特点”而不只是“干净”。Delivery Gate交付门交付前必须出具四板块的PASS/FAIL 报告任何一项FAIL都不许交付修完重查。还有一个关键认知antislop不负责创造美它只负责清除Slop。设计的“灵魂”身份、配色、字体、气质来自你自己的DESIGN.md。核心文件说得很直白“删掉Slop只剩空洞说明缺的是方向而不是过滤器失败了。”前后对比看看AI Slop是怎么被过滤掉的官方对比图都在 assets/compare/ 目录同一个需求一共生成了四版。UI同一页面的四个版本版本1什么工具都不用——这就是AI编程代理的“出厂默认”闪光Logo、Beta胶囊徽章、假终端窗口、编造的延迟数据——教科书级的AI Slop页面。版本2只用antislop——过滤器删掉了假数据和炒作文案页面变得诚实干净、诚实但“美”不是它的职责所以整体偏素。版本3只用DESIGN.md设计指南——方向到了Slop还在视觉风格立住了但“10,000% ROI”和“50万创始人的五星评价”仍在——因为DESIGN.md只给方向不做过滤。版本4antislop DESIGN.md——唯一既干净又有方向的一版过滤器删掉不该存在的DESIGN.md把腾出的空间填上产品自己的身份——两者正好互补。文案从营销腔到简洁表达同一个提示词跑两次效果天差地别。过滤前emoji列表、全大写的“NEW DROP”、每句话都在喊口号是典型的AI Slop文案过滤后句子变短、emoji列表消失还加了一条批注——“任何没有实际信息的句子删掉”代码删掉装饰性注释不碰代码本身AI代理还喜欢给代码“化妆”方框线分隔横幅、emoji、以及把变量名复述一遍的注释。antislop-code 技能只清理注释绝不改动代码清理后装饰性注释被删掉只保留一句说明模块用途的注释代码本身原封不动动态对比四版页面动图如何安装antislop一条命令上手antislop打包为标准的Agent Skills每个技能一个文件夹内含SKILL.md核心常驻其余技能按需加载。推荐路径是官方安装器npx antislop-ai安装时只需回答四个问题装哪些附加技能、装到哪里本项目还是全部、你在用哪个代理、是否现在安装。安装器会自动识别11个主流代理的技能文件夹完整新手步骤见 GUIDE.md。如果不想碰终端也可以直接把单文件 antislop.md 交给任意AI助手——它本身就是一份完整的过滤器。按工作挑选技能技能负责什么什么时候用antislop核心过滤器38条规则生命力工具箱始终加载antislop-uiUI与视觉颜色、布局、组件、动效搭建/编辑页面antislop-copywriting文案与文本标题、按钮、语气写落地页文案antislop-human真实用户对比度、键盘、焦点、状态保证“人真能用”antislop-layoutmobile移动端/响应式断点、溢出、点击目标做响应式布局antislop-code代码注释删掉AI Slop注释写/改代码小提示antislop-human自带对比度检查脚本 contrast-check.py还能作为MCP工具调用。更新也只要一条命令npx antislop-ai --update它会替换机器上所有找到的antislop文件夹并打印被替换的版本号。两种使用模式边做边管 vs 做完再审每个会话开始时antislop会先问一个问题你希望它什么时候生效️During边做边用代理在写代码的同时套用规则AI Slop从一开始就不出现最后出具Delivery Gate报告。适合搭建新页面。After做完再查审计已完成的作品输出带编号的问题清单每条注明违反的规则号你勾选要修哪几条修完再出复查报告。适合给存量项目“去Slop”。文件导航去哪里查什么资料路径新手快速上手建议先读GUIDE.md核心规则单文件可直接贴给任意AIantislop.md会话加载的规则副本rules/antislop.md全部技能规则skills/版本历史与路线图ROADMAP.md前后对比图片assets/compare/38条规则的完整定义可在 rules/antislop.md 中逐条查看当前版本为 v3.2.16按“每版本新开一个代理的门”的节奏持续扩展详见 ROADMAP.md。一句话总结antislop是过滤器不是魔法。它清除你UI、文字和代码里的AI Slop而一个漂亮的UI是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),仅供参考
返回列表