用途
deslop-ui 是一个反模板化(anti-slop)的 UI 审查技能,针对 LLM 生成或显得通用的前端作品。资料将其定位为:所谓 slop 并不只是“丑”,而是可预测、缺乏取舍的设计。因此审查目标不是换个颜色,而是对照需求简报,从界面表层、结构与文案表达三个层面做系统审计,并用具体、可验证的选择去修复。
主要能力
- 证据契约:每条发现须引用选择器、页面区段、文案短语、截图或浏览器观察,并标注 P0–P3 优先级。
- 分层审计:区分表层、结构、文案三类发现,并可检查检测器与决策配对。
- 检测重点:无依据的紫色或白色渐变、默认中性 token、等权配色;未经审视的默认字体、层级怯弱、胶囊 CTA、全局统一圆角与阴影;居中主视觉→单一 CTA→等权卡片的模板结构;默认玻璃拟态、色块、emoji、渐变文字、静态表单与占位文案等。
- 分级修复:P0 针对含义、交互、可访问性与事实;P1 针对方向与层级;P2 针对重复的默认样式;P3 为打磨项。
- 方向命名:给出包含美学、主色域与强调色的职责、字体立场和标志性动作的具体方向。
- 复核闭环:修复后重新检查原始视图,包括窄屏视图。
使用方式
先建立需求简报、需要保留的信号与待审产物,再进行渲染检查;grep 只作为线索,不能代替渲染。审查分两遍:意图(任务、受众、层级、保留信号、签名元素)与行为(首屏、过渡、窄屏;将代码追溯到选择器/token 或截图几何)。随后判断中性替换是否会改变含义或性能。修复时按优先级输出:每项 P0–P2 需写明对象、观察与简报依据、机制、保留信号、具体替换建议与负责人,以及替换后的观察结果(含窄屏)。若骨架过于通用,做一次因果性的结构调整。
适用场景
适用于已渲染或已编码、但显得模板化的界面;也可在 LLM 生成 UI 后用于清除 AI 痕迹。资料列出可搭配的方向:web-typography、color-system、micro-motion 等;文案事实类内容可转交 humanize-copy。
限制与边界
不要仅因个人偏好就替换一个连贯且由简报支撑的品牌系统。资料明确要求在改动有简报支撑的一致品牌选择前停止,并在缺少简报或验收标准时先询问方向。对于有文档依据的功能性胶囊、渐变、表格或系统字体,应保留其角色,只修复实现。
暂未提供
资料未提供安装命令、具体平台支持、收费或价格信息、以及可直接运行的代码示例。