尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

新手必读:antislop的38条核心规则逐条详解(附Hard Gate/Purpose-Gate/Quality Locks分级体系)

新手必读:antislop的38条核心规则逐条详解(附Hard Gate/Purpose-Gate/Quality Locks分级体系) 新手必读antislop的38条核心规则逐条详解附Hard Gate/Purpose-Gate/Quality Locks分级体系【免费下载链接】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 编码代理的过滤器工具核心资产正是这 38 条规则R-01 至 R-38它阻止 AI 生成千篇一律的AI 味界面、文案和代码同时避免结果变得死板无味。本文把 38 条规则逐条拆开讲清楚并解释 Hard Gate、Purpose-Gate、Quality Locks 三级体系的运作逻辑帮你快速建立对这套规则体系的完整认知。什么是 antislop一个过滤器而不是风格指南新手最容易产生的误解是以为 antislop 会教 AI 设计得更好看。恰恰相反它不规定任何颜色、字体或布局只做两件事目的测试任何视觉技术渐变、毛玻璃、发光、圆角卡片……出现前必须回答它服务于什么答不上来就删掉。鲜活度底线输出不能只是干净还必须有生命力和辨识度。所以它和三份文件各司其职DESIGN.md你自己写的提供设计灵魂与方向项目入口文件AGENTS.md/CLAUDE.md负责路由antislop.md 则负责拦截 slop。一句话理解antislop 负责减法你的 DESIGN.md 负责加法。38条规则的三级分级体系先看懂分层再逐条读这是理解整套规则体系的钥匙。38 条规则被分成三个层级严重度和执行方式各不相同层级包含规则数含义违反后果Hard Gate硬门槛17 条保护诚实性、功能与无障碍绝对规则无论目的如何直接判 FAILPurpose-Gate目的门槛12 条技术本身允许但必须写明目的无目的默认使用 FAIL⚪Quality Locks质量锁9 条一致性与工艺要求破坏整体一致性在审计模式下这个分级直接决定优先级Hard Gate 违规 HIGHPurpose-Gate MEDIUMQuality Locks LOW。Hard Gate 硬门槛17条零容忍规则逐条详解这 17 条规则保护的是诚实、可用、可访问。任何一条被违反设计直接不及格。规则主题要求一句话R-02文案任何文本中禁止使用破折号em dash —改用逗号、句号或括号R-03移动端适配移动布局必须是设计的一部分无横向溢出、文字不逃逸、按钮≥44px 可点区域R-17数据与数字禁止没有真实来源的统计数字宁可空白也不欺骗R-18用户评价禁止 AI 头像、随机姓名、虚构评价没有真实评价就不做评价区R-23资产确认创建 logo、头像、数据等资产前必须先询问或用明确标注的占位符如[LOGO]R-24导航导航栏禁止指向不存在的页面每个链接必须有真实落点R-25色彩对比全部文本须达 WCAG AA正文 4.5:1大文本 3:1R-26交互元素每个按钮/链接必须有真实行为跳转、弹窗、表单提交没有行为就删除R-27UI 状态展示数据的界面必须同时有空状态、加载态、错误态R-28FAQ禁止模板化 FAQ每个问题必须对应该产品的真实用户关切R-32键盘无障碍Tab 可达、Enter/Space 可触发、Escape 可关弹窗焦点必须可见R-33禁止脚本补丁禁止用外部脚本字符串替换方式改写源码/CSS 来实现功能R-34双主题可用提供主题切换就必须两种模式都完整可用不能坏一种R-35交付前验证必须先跑起来、逐个点击所有交互元素并记录证据未运行的设计不算完成R-36禁止虚构声明禁止编造SOC 2 合规快 300%等无证据的安全/性能声明R-37设计方向无方向时不得偷偷落入中性默认必须标注draft without direction并挂 ENERGY 1 / RHYTHM 1 / MOTION 1R-38真实内容所有声称、功能、评价、数据必须真实或明确标注为占位符空白优于虚构Purpose-Gate 目的门槛12条技术可用理由必写规则这 12 条是新手最困惑的地方渐变、毛玻璃、发光明明很好看为什么被提因为它们可以作为工具但不能作为默认。共同模式是默认使用 违规为层级/品牌服务且写下理由 通过过量使用 直接违规有剂量上限。规则主题剂量上限 / 关键点R-01颜色与渐变蓝紫、蓝青、紫粉渐变、霓虹色板禁止无目的默认品牌身份中允许R-04图标禁止 sparkle / star / magic / robot 等 AI 标配图标找不到合适图标就不放R-06字体禁止无理由的等宽大标题和宽字距大写标签字体必须匹配品牌气质并写明理由R-07背景网格线、图纸线、圆点图案仅当真正支撑产品视觉身份时可用R-08按钮箭头→ / ↗ 不是每个按钮的身份使用需写明视觉目的R-09徽章禁止AI Powered / Beta / New无上下文胶囊徽章且禁止胶囊细边框发光圆点大写全家桶R-10毛玻璃剂量上限blur 最多 1-2 个元素导航栏卡片弹窗侧边栏同时用 违规R-12阴影阴影是层级标记禁止给每个组件都加大阴影让页面漂浮R-13发光剂量上限发光只给 1-2 个重点元素作焦点强调R-14功能卡片禁止所有卡片同尺寸同图标同间距变化必须反映内容层级R-19动画禁止 Fade Up Floating Scale Bounce 模板动画齐飞且须与 MOTION 档位一致R-22插画禁止 Undraw / Storyset / 3D 果冻人等通用插画没有原创插画就用真实截图Quality Locks 质量锁9条一致性与工艺规则规则主题要求一句话R-05布局结构禁止 AI 模板骨架Hero3 卡片、三步 How It Works、假终端窗口、3 列定价、4 列页脚等分区组合须与 RHYTHM 档位匹配R-11圆角圆角须与设计系统一致禁止所有元素药丸化R-15CTA 文案禁止 Get Started / Learn More / Try Now 等默认 CTA必须具体到产品场景R-16营销词汇禁止 AI Powered、Seamless、Revolutionary、Cutting Edge 等词用具体语言讲真实收益R-20视觉识别换掉 logo 后设计仍然成立 太通用须有具体色板、字体、构图R-21暗色模式暗色须有品牌/用户理由没有强理由就做出可用的亮暗切换禁止用规则当借口拖延R-29色板核心色最多 2-3 个 1 个强调色中性色不计入R-30禁止克隆未被要求时禁止整体模仿 Linear / Vercel / Stripe / NotionR-31理由必写基石规则每个重要决策颜色/布局/字体/间距/卡片/插画必须能用一行字写出理由写不出 决策无效鲜活度工具箱ENERGY / RHYTHM / MOTION 三个旋钮去掉 slop 只留下空洞所以 antislop 要求你主动加活力。每个设计必须显式设置三个 1-3 档的旋钮并贯穿始终旋钮1克制2均衡3大胆ENERGYGOV.UK 式线性Stripe / Vercel 式Awwwards 式RHYTHM均匀网格一致中偶有打破非对称混合构图MOTION仅 hover 态滚动显现 过渡视差、钉住、编排动画生成前还要宣告一行Design Read例如Reading this as: B2B SaaS landing for technical buyers, dial ENERGY 1 / RHYTHM 2 / MOTION 1。没有方向时按 R-37 标注为草稿绝不可装作成品交付。前后对比38条规则到底改变了什么同一份需求生成四次最能说明这套规则的价值场景结果什么都不用星形 logo、Beta 胶囊、假终端、0.0001ms 延迟——典型 AI slop只用 antislop数字被诚实移除布局克制但略平淡只用 DESIGN.md方向到位但 slop 原封不动antislop DESIGN.md干净且有方向唯一两者兼得 ✅文案同理一条提示词跑两次即可看出差别BeforeAI 默认文案Afterantislop-copywriting交付门槛 Delivery Gate发货前的最后一道关所有规则最终汇入一个强制的PASS/FAIL 报告分四个区块Block 1 Hard Gate17 个问题是题全部必须答否Block 2 Purpose-Gate12 个技术使用题无理由即 FAILBlock 3 Liveliness旋钮是否声明、输出是否与档位一致、每屏是否有焦点Block 4 Craftsmanship Quality LocksC-1 至 C-5 五项工艺标准 9 条质量锁任何一项 FAIL或该答否的答了是不得交付修完重跑。而且每个 PASS 必须附具体证据例如R-26 PASS每个按钮都有真实 href 或 onClick。规则在哪里看文件路径速查文件内容antislop.md核心过滤器38 条规则全文 鲜活度工具箱 Delivery GateGUIDE.md从零开始的安装与使用指南skills/antislop/SKILL.md核心技能规则、分级、交付门槛skills/antislop-ui/SKILL.mdUI/视觉技能skills/antislop-copywriting/SKILL.md文案技能含 Em Dash 细则skills/antislop-human/SKILL.md无障碍技能对比度、键盘、焦点skills/antislop-layoutmobile/SKILL.md移动端/响应式布局技能skills/antislop-code/SKILL.md代码注释清理技能ROADMAP.md版本演进路线总结新手记忆口诀Hard Gate 17 条诚实 功能 无障碍违反即挂Purpose-Gate 12 条技术可用理由必写剂量有顶⚪Quality Locks 9 条一致性工艺R-31理由写下来是基石三个旋钮ENERGY/RHYTHM/MOTION决定鲜活度Delivery Gate决定能否发货记住那句灵魂拷问如果把 logo 和产品名换掉这个设计还有自己的性格吗答不出有规则就还没用完。【免费下载链接】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),仅供参考
返回列表