用途:unslop-ui 处理的是“看起来像 AI 生成”的问题,只做两件事:移除让站点读起来像 AI 生成的特定线索,并在模型原本会取默认值之处,强制做出有意的、项目专属的设计选择。它不负责给出好设计,也没有偏好外观;品味、品牌与布局判断仍由使用者决定。
核心陷阱:反 slop 的常见失败是用一个默认替换另一个默认(如把紫色渐变换成奶油底+衬线体+绿调)。因此本技能从不规定配色、字体或布局,只要求任何替换都是用户或项目真正做出的具体选择,并说得出理由。若紫色、霓虹、衬线或奶油底是真实品牌决定,则不视作 slop;带 unslop-ignore 注释的行会被跳过。
与内置 frontend-design 的区别:后者会产生奶油衬线+绿色这类“品味默认”,本技能可补充三项能力——可在 CI 中运行、以退出码门禁构建的确定性扫描器;基于数据的高影响排序;以及针对新型“品味默认”的显式检查。建议两者配合使用。
模式一 Build:先明确简短需求,包括一个真实参考(网站、截图、品牌或产品)、明确的颜色决定、为项目选定的字体或搭配及理由、以及布局意图(页面目的与用户首先该做什么),以避免 hero+三卡片模板。用户没有需求时,应说明自己的选择并继续,或给出两三种真正不同的方向,而不是产出中位数结果。构建中需参考 references/tells.md 与 references/choosing-a-look.md。
模式二 Audit:审查或清理既有代码时先运行扫描器: python3 scripts/devibe_scan.py <path> python3 scripts/devibe_scan.py <path> --severity high python3 scripts/devibe_scan.py <path> --json 它扫描 .html .css .scss .js .jsx .ts .tsx .vue .svelte .astro,按文件与行号报告问题并给出 vibe score,退出码为高严重度数量,便于 CI 门禁。扫描器只能捕捉机械线索(颜色、字体、渐变、奶油+衬线组合),无法判断布局连贯性、间距一致性与文本溢出,这些需人工对照目录检查。修复时不要把 bg-purple-600 换成另一个默认色,而应应用项目真实颜色或先询问。
刻意不标记的内容:mesh、aurora、blob 背景,bento 网格与 glassmorphism,深色模式本身,shadcn 与 Tailwind 本身;只有未经要求的发光才是线索,未修改的默认主题才是线索。报告审计时先给结论与最高影响改动,再按优先级列出 file:line 与修法,最后给 vibe score 与前三项改动。
限制:不提供好设计,不规定风格,扫描器无法覆盖所有“像 AI”的因素;具体平台与收费信息暂未提供。