关于 anti-ui-slop
面向编码 Agent 的界面设计技能,指导其依据产品需求、现有组件和设计系统构建或审查界面,并可选用 Uizze 视觉参考。免费技能无需账户或 MCP 连接。
主要功能
- 01按任务加载设计指南
- 02沿用产品组件与设计系统
- 03可选检索 Uizze 视觉参考
- 04检查桌面和移动端渲染结果
- 05说明验证情况及未解决限制
适用场景
- 01创建新界面或进行重大改版
- 02优化或简化现有界面
- 03按请求审查界面设计
- 04检查不同屏幕尺寸下的渲染
MCP 相关
技能可选配付费 UIZZE MCP,以获取视觉参考和托管材料;免费技能无需 MCP 连接。
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ uizze/ uizze --skill anti-ui-slop安装后在 Claude Code 中输入/anti-ui-slop确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
CHECKSUMS.sha256LICENSEMANIFEST.jsonMODIFICATIONS.mdNOTICEagents/openai.yamlreference/audit.mdcraft.mddistill.mdios.mdnew-work.mdoperate.mdoverdrive.mdpolish.mdreferences/uizze-reference-policy.md详细介绍
阻止 AI 编码 Agent 交付千篇一律的 UI。
别再制作敷衍的 UI
借助 UIZZE,利用 800,000 多个真实 Web 和 iOS 界面,打造契合产品的 UI。

概述
结合产品简介、现有 UI、组件和本地设计系统,打造经过深思熟虑的界面。Uizze 提供有针对性的设计指导,并在有帮助时提供少量相关视觉参考。
前提条件
- 一个需要构建、重新设计或评审的屏幕或组件——可以是文件路径,也可以是简短描述。
- 产品现有的组件、设计令牌和视觉语言,以便构建工作能在其基础上扩展,而不是另起一套系统。
- 可选:访问付费 Uizze MCP,以获取有针对性的参考和托管资料。
身份验证
- 免费技能和公共目录无需账户、令牌、MCP 连接、依赖项、脚本或可执行文件即可使用。
- 可选的完整 UIZZE MCP 可能会使用宿主的常规连接和身份验证流程。除非宿主返回实际结果,否则绝不要声称已连接。
从产品出发
设计前先阅读产品简介、现有 UI、组件、令牌、素材,以及任何 PRODUCT.md 或 DESIGN.md。用户请求和项目约束优先于本技能。扩展和润色时应保留既有视觉系统;只有在获准重新设计时才替换它。新项目无需提供这些文件。
明确目标受众、主要任务、重要状态和预期结果。只有缺失的选择会实质性影响工作时才提问。请求足够明确即可开始;不要把小修小补变成需求调研会。
选择工作流
加载适用于所请求操作的指南,以及执行所需的平台和工艺指导:
- 新界面或重大重新设计:new-work
- 产品或仪表板工作:operate
- 改进和润色:polish
- 简化:distill
- 明确要求的审计:audit,除非用户要求修复,否则仅供只读
- 原生 iOS:iOS,并与操作指南一同使用
- 明确使用
/overdrive、“Uizze Overdrive”,或请求打造出众的交互体验:Overdrive
确定方向后,使用 craft 进行实现。仅加载相关文件;可以组合使用多个互补指南。Overdrive 是可选项,并非常规 UI 工作的默认模式。实现前必须先选定方向。
“在此屏幕上使用 Uizze Overdrive”可通过此路由处理;原生斜杠命令则取决于宿主。这些是独立的 Markdown 指南,不是安装程序、后台服务或可执行引擎。
可选的 Uizze 依据
使用 find_ui_references 或 find_ui_materials 前,请先阅读参考资料政策。当相关视觉依据有助于确定布局、状态、交互或素材时,请检查这些依据。使用宿主提供的工具,不要编造调用或连接。付费检索是可选项;无法访问不会妨碍本地设计工作。
区分完全匹配的参考、相关示例、没有匹配项和服务错误。若某项限制影响了结果,请简要说明。没有依据时,绝不要声称已检查某张图片或找到某种状态。
完成
完成所要求的范围,并测试其重要状态。在具有代表性的桌面端/移动端尺寸或原生设备类别上渲染并检查实际结果,其中包括用户报告问题的尺寸。将其与选定的设计方向或提供的参考进行比较,而不只是确认没有运行时错误。
批量修复重要问题,然后再次渲染并检查。确认所要求的结果后即可停止;不要继续凭空增加工作。如果在有限的一轮处理后仍无法解决问题,请如实报告,不要声称已通过验证。如果无法进行渲染,请区分代码检查与视觉验证。
交接说明应简洁:说明做了哪些更改、实际测试了哪些内容,以及还有哪些限制。技能不代表获得了发布内容、购买商品、添加新依赖、更改账户或执行破坏性操作的授权。