IIR与FIR滤波器工程选型实战指南
2026/11/4 5:59:00
数据说明：本文 Star 数等数字取自 2026 年 11 月 3 日 GitHub API 实测快照，规则与流程描述均以 unslop 仓库 README 及 SKILL.md 原文为准。
用 AI 生成过一个仪表盘或落地页的开发者，多半见过这种页面：紫色渐变、发光边框、每个图标前一个 emoji、“Welcome back! 👋”、标签全部大写还加了字距、间距全凭模型当天心情。它功能齐全，但一眼就是"AI 做的"。10 月 29 日，设计师 Damir Sokolovsky（@heydamir）把解决这个问题的方法做成了开源技能heydamir/unslop——一个给 Claude Code 和 Codex 用的"去 AI 味"技能，上线 5 天 Star 冲到 6,027，同期位列 TrendShift 日榜前列。
一、"AI 味"不是玄学，是可枚举的工程问题
unslop 最有价值的观点是：vibecoded UI 的失败方式是可预测的。它把"一眼 AI"的信号整理成一张审计清单——紫色渐变、辉光、渐变文字、emoji 当图标、"New ✨"徽章、玻璃光泽的装饰球、全大写宽字距标签、无意义的 pulse 动画、不齐的间距、喊口号式文案。审计就是把每一条信号定位到具体代码位置，一行一条。
它对"廉价感"根源的判断只有一句话，但相当锋利：
Slop 把丰富度撒在镶边上（背景、按钮、边框、标签），craft 把镶边调安静，把丰富度集中到一到两个让人记住的内容瞬间。
也就是说，AI 生成页面的通病不是"丑"，而是丰富度放错了地方。这一条判断，比很多整本设计书都更接近实践。
为什么模型总是生成这些套路？从 SKILL.md 的清单反推，原因不难理解：紫色渐变、辉光、emoji 这类元素在训练数据里与"科技感落地页"高度共现，模型自然把它们当作"好看"的最大概率组合；而真正的好设计依赖具体产品的上下文决策——监控工具该像仪表、笔记应用该像纸墨——这恰恰是统计生成最难自发学会的部分。unslop 的思路因此不是"换个更强的模型"，而是把设计师的决策过程显式写成机器可执行的规则，让模型照着流程做判断，而不是靠概率猜审美。
项目档案（2026-11-03 实测）：
| 指标 | 数值 |
|---|---|
| Star | 6,027（创建后 5 天） |
| 语言 | JavaScript（技能本体为 Markdown 规则） |
| 创建时间 | 2026-10-29 |
| 协议 | CC BY 4.0（商用可用，需署名） |
| 适用范围 | Next.js / React / Vue / Svelte / Tailwind / 纯 HTML+CSS，甚至只有链接的线上页面 |
二、工作流：先审计、再定方向、然后九遍修
unslop 的执行流程刻意模仿了设计师做 redline 评审的方式，核心是"先诊断、先对齐、再动手"：
- 看屏幕：找到渲染代码，能跑就截图，判断"人看到的东西"而不只是代码；
- 审计：对照信号清单逐条定位；
- 分诊：重度 slop 走全流程；轻度只做抛光；没有 slop 就直说，最多给两三条微调建议——绝不为了改而改；
- 定方向：动第一行代码之前，先写出五行"设计方向"给用户确认：Product（产品一句话）、Character（2~3 个具体性格词，禁用 clean/modern/premium 这类万能词）、World（产品天然属于的世界：笔记应用靠近纸墨，监控工具靠近仪表和夜班）、Moments（哪一两处承载丰富色彩）、Signature（一个只有这个产品才有的签名细节）。SKILL.md 给的签名示例非常具体：监控工具用实时状态点、开发者工具用键帽、教学应用用手绘下划线、配送应用用路线线——都是一个，不许五个。方向确认前不动代码，因为中途换方向意味着全部重做；
- 九遍修理：间距 → 颜色 → 图标 → 文案 → 字体 → 布局 → 细节 → 视觉 → 动效，顺序固定。间距最先，因为节奏定了其他才读得准；文案在字体和布局之前，因为标题长度决定字号和位置；
- 核对：跑 checklist 对照审计清单，残留的再修。
这个流程本身就是给所有"AI 改稿改不动"场景的答案：把审美判断前置成一次用户确认，把执行拆成单向依赖的固定顺序——和编译器先建 AST 再做 pass 是同一个思想。
三、最值得抄走的硬规则
九遍修理里全是具体到像素的规则，摘几组最有代表性的：
| 遍 | 硬规则 |
|---|---|
| 间距 | 一切落在 4px 网格；同物同尺寸；导航是最密区域（行高 32~36、间距 2~4）；清除mt-[13px]这类破坏节奏的一次性值 |
| 颜色 | 一条带世界色调的中性色阶；三个文字层级（primary/secondary/muted）；镶边只用一个 accent 且对比度达 4.5:1；边框是正文色 6~10% 透明度的发丝线；渐变只允许同色系内的明度变化 |
| 图标 | 所有 emoji 图标换成单一图标集（默认 lucide），统一 16/18px、1.5 描边，颜色跟随文字层级 |
| 文案 | 界面文字禁用感叹号；禁用 supercharge/seamless/unlock/magic 等膨胀词；数字变化必须写明对比基准（+12% vs last month）；问候式标题（Welcome back, Damir! 👋）改为命名上下文（October 2026）；标签短而具体：Search，不是Search anything... |
| 字体 | 两个字重（400/500，最多 600）；层级靠字号和颜色而非加粗；数字用tabular-nums且全文一种格式 |
| 细节 | 嵌套圆角公式：内半径 = 外半径 − 中间 padding；图表一屏一个主视觉、每图一个 accent；统计卡就是数字本身，不许塞迷你图凑数 |
| 动效 | 删除无意义的循环动画；禁用transition-all；过渡必须具名；全屏一条缓动曲线 |
拿 Tailwind 代码感受一下尺度差异：
<!-- 改前：AI 味典型写法 --><divclass="mt-[13px] p-[11px] rounded-2xl bg-gradient-to-r from-purple-500 to-blue-500 shadow-[0_0_30px_rgba(139,92,246,0.5)] transition-all hover:scale-105 animate-pulse uppercase tracking-widest">🚀 Supercharge Your Workflow ✨</div><!-- 改后：unslop 风格 --><divclass="mt-6 p-5 rounded-xl border border-white/10 bg-[#1f1f23] transition-colors hover:bg-[#2b2b30] text-sm">工作流自动化</div>颜色没有消失，只是从镶边搬进了该有的一两处瞬间；动效没有消失，只剩一个有解释意义的状态切换。
四、安装与上手
# Claude Code：技能复制进 skills 目录即可gitclone https://github.com/heydamir/unslopmkdir-p~/.claude/skills&&cp-runslop/skills/unslop ~/.claude/skills/# Codex：直接让 skill-installer 装# $skill-installer install https://github.com/heydamir/unslop/tree/main/skills/unslop使用就是一句自然语言：/unslop this dashboard、/unslop the hero of https://example.com（只有链接也能改，脚本会先快照保存副本）。另有一个彩蛋能力：用 Playwright + ffmpeg 生成"页面逐遍自我修正"的 10 秒故事视频——所有变化都是 CSS 原位补间而非切图，这条视频在 X 上的原始版本就是它走红起点。
五、给开发者的可操作建议
- 把审计清单变成 CI 检查：即使不用 AI 编码，清单里的
transition-all、9999px圆角、非 4px 网格间距、全大写标签，都值得写成 ESLint/Stylelint 规则拦下来； - 先定方向再让 AI 动手：把 Character/World/Moments/Signature 五行模板贴进你的系统提示词，AI 生成质量的方差会显著收窄；
- 警惕"换一种流行"：unslop 的 Do-not 清单专门警告不要把 slop 换成新装饰（玻璃、噪点、bento 网格），治 slop 的本质是让每个值都有理由，不是追新风格；
- 借鉴"分诊"逻辑避免过度设计：unslop 明确规定"没有 slop 就直说，绝不为改而改"，这句话值得写进任何 AI 改稿类工具的提示词——先判断该不该改，再决定怎么改；
- 注意协议：CC BY 4.0 允许商用与改写，但集成进自家工具链时需保留对原作者的署名。
结语
unslop 5 天 6,000 Star 的速度说明，"AI 生成的东西一眼就是 AI 生成的"已经从吐槽变成了行业的真实痛点。它给出的答案朴素得近乎反直觉：审美不是玄学，是一张可以逐条核对的清单加上固定的修复顺序。当"会写代码"被模型拉平之后，"知道什么是好"正在变成新的稀缺能力——unslop 只是把这种能力第一次写成了机器可执行的规则。
本文由 AI 基于公开仓库数据撰写，数据采集时间 2026-11-03。