关于 deslop-ui
deslop-ui 是一项用于生成和审查界面的设计技能，整理了容易让界面显得像 AI 生成的视觉特征及改进方式。它强调依据界面语境判断元素是否传达信息，而非机械套用禁用清单。
主要功能
- 01检查生成式界面的常见视觉特征
- 02提供针对特征的修正建议
- 03同时适用于界面生成与审查
- 04按语境判断元素是否有实际意义
- 05提供进一步设计技能的选择提示
适用场景
- 01生成界面时检查装饰元素是否有依据
- 02审查界面代码或截图中的视觉问题
- 03根据设计目标选择后续细化技能
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/deslop-ui确认已加载。
附带文件reference/tells.md
详细介绍
UI 滥用审查
聚焦列出那些会让界面一眼看上去像是 AI 生成的具体视觉“信号”，以及如何修正。生成 UI 和审查 UI（代码或截图）时都可以使用。
核心原则：重在有意为之，而非一概禁止
滥用从来不在于元素本身，而在于不假思索、毫无意义地使用元素。
判断屏幕上任何内容的唯一标准是：“它是否传达了真实信息，或符合此处的使用情境？”
- 如果是，那就是精心设计。保留它。表达真实类别的导航图标、表示“可展开”的尖括号、对应不同状态的状态标签、活动日志中显示相对时间的动态记录、深色模式切换按钮：都很好。
- 如果加入它只是因为“看起来像仪表板”或“看起来很专业”，那就是滥用。删掉它，或换成能证明其存在价值的内容。
不要为了避免这些信号而去掉有意义的交互提示。过度纠正（盲目套用一份禁用清单）本身也是一种失败模式。本目录也体现了这一点：Tier 1 项目几乎总是出于条件反射；Tier 2 项目在有意义时很好，仅在作为装饰时才属于滥用。
生成界面时，你自己的惯用风格是滥用风险最高的来源。通过根据情境做出选择，而不是模仿其他生成器的默认风格，来抵消自己的默认倾向；滥用既有张扬的形式（渐变堆砌），也有低调的形式（不做选择）。本目录涵盖这两个方向。
与其他设计技能配合使用（均为可选）
此技能可独立使用；不需要其他技能。
如果安装了更广泛的设计方向技能（例如 frontend-design），则由它负责审美方向：字体选择、配色策略、布局理念。如果其指导与本目录中的某种信号（紫色渐变、嵌套卡片、居中主视觉、玻璃拟态、千篇一律的 Bento 布局）重叠，请遵循设计方向技能更全面的说明，并将本目录作为审查清单。两者都存在时，处理 UI 工作请同时调用。
如果安装了针对特定目标的优化技能，可在构建或审查之后根据意图调用。若没有可用技能，则跳过此表。这些技能不会全部同时运行；其中一些互相排斥（bolder 与 quieter）。建议使用最相关的一项，并让用户确认。
| 意图 / 线索 | 技能 |
|---|---|
| 即将发布 / 生产就绪性 | audit、harden、polish |
| “让它更出彩” / 更醒目 | bolder、colorize、delight |
| “太扎眼” / 内容过多 | quieter、distill |
| 遵循设计系统 | normalize |
| 整合可复用组件 / 设计令牌 | extract |
| 文案 / 微文案不清晰 | clarify |
| 响应式 / 跨设备 | adapt |
| 添加动效 | animate |
| 空状态 / 首次使用状态 | onboard |
| 性能 | optimize |
| 评估 UX 质量 | critique |
完整的 Tier 1 / Tier 2 目录、文案信号和审查清单位于 reference/tells.md。生成或审查 UI 时，请查阅该文档。
注意：所有输出都不要使用 em dash。将 em dash 用作分句标点，本身就是最容易识别的 AI 写作信号。