跳转到使用指南
Anti UI Slop作者 UIZZE

Anti UI Slop Skill.

先从产品的真实对象和约束出发,再选择视觉表现方式。

  • UI 设计
  • 设计评审
来源评审 · Anti UI SlopSKILL.md
任务 UI 设计 产出 • 基于产品的界面修订或聚焦式评审 • 与现有令牌、组件和用户任务相关联的设计决策 • 简明的交付说明,指出可观察到的问题及已完成的修改 开始之前 需要能够读取项目文件的智能体;视觉检查需要渲染支持。付费的 UIZZE MCP 为可选项。
编辑摘要 · 已评审来源 2026-10-07 · 并非生成的示例

01 功能说明

让界面决策立足于产品

一种产品优先的 UI 工作流:选择一个针对具体任务的指南,可选择使用 UIZZE 参考资料,并检查渲染后的界面。

基于来源的工作流并非执行基准测试

工作方法

Anti UI Slop 是一个用于构建、打磨或评审界面的精简工作流,不会用通用的 AI 美学取代产品自身的特征。它要求智能体首先检查简报、现有界面、组件和设计令牌。这些约束的优先级高于该技能自身的示例,因此它尤其适合在成熟应用中开展工作。

该来源会将每项请求分派给一个操作指南:新建、产品操作、打磨、简化、审计或原生 iOS。它并不要求智能体合并所有检查清单。可选的 UIZZE 参考工具可以解答某个尚未解决的具体视觉问题,但免费技能和公开目录不要求注册账户。最后一道检查关卡是可观察到的界面行为,例如裁切、重叠以及不起作用的控件。

预期交付物

  • 基于产品的界面修订或聚焦式评审
  • 与现有令牌、组件和用户任务相关联的设计决策
  • 简明的交付说明,指出可观察到的问题及已完成的修改
查看示例简报

从简报到评审

  1. 01
    了解产品背景

    检查所请求的界面及其周边设计系统。在更改布局或样式之前,先明确用户要完成什么。

  2. 02
    选择一种工作模式

    选择与请求相符的操作指南。打磨不应在未说明的情况下变成重新设计,而审计应保持为评审,除非用户要求实施修改。

  3. 03
    检查渲染结果

    在环境允许的情况下,检查一次实际界面,并修复可见的界面破损、无法访问的控件和无响应的交互。

02 适用场景

适用场景

需要能够读取项目文件的智能体;视觉检查需要渲染支持。付费的 UIZZE MCP 为可选项。

适合的情形

  • 现有产品界面适用于智能体必须扩展仪表板或工作流,同时又不能另造一套相互冲突的设计系统的情形。
  • 聚焦式优化适合在保留既有功能的同时,简化或打磨特定界面的请求。

需要核查的限制

  • 参考资料是可选的付费的 UIZZE MCP 是一项独立连接。安装此技能并不会获得托管参考工具的访问权限。
  • 不会自动给出设计定论该来源描述的是一种工作方法,并不保证每个生成的界面都独具特色或具备无障碍性。
  • 许可证声明不一致SKILL.md 声明采用 MIT,而技能目录中的 LICENSE 包含 Apache-2.0 条款。复用前,请向维护者确认适用条款。

请提供以下输入

  • 具体界面提供正在构建或评审的界面的文件路径、截图或简短说明。
  • 现有设计语言请提供组件规范、令牌以及已获认可的产品 UI 示例。
  • 变更范围请选择新建、重新设计、打磨、简化或审计,以免智能体扩大任务范围。

03 关键决策

重要决策

  1. 产品优先于新奇感

    当熟悉的惯例有助于工作流时,应予以保留。差异化应通过产品特定的信息层级来实现,而非依靠装饰。

  2. 每次只用一个操作指南

    明确的分派机制可减少相互冲突的指令,并避免小范围优化不断累积无关的重新设计要求。

04 示例任务

尝试聚焦式简报

以下示例简报尚未经过测试。使用前请检查该技能的设置。

检查设置

请使用完整的技能文件夹,以确保所选操作指南可用。免费工作流不需要任何依赖项或可执行文件。

上游源文件
https://github.com/github/awesome-copilot/blob/3a685010a7afdc0dbd4c83b7fbda6c316aa516e5/skills/anti-ui-slop/SKILL.md

需要能够读取项目文件的智能体;视觉检查需要渲染支持。付费的 UIZZE MCP 为可选项。

先从一项交付物开始

运行该技能前,请调整这份简报中的范围、来源材料和约束。

示例简报
使用 anti-ui-slop 打磨我们的发票列表界面。先阅读现有的表格、筛选器和按钮组件。保留信息架构和付款工作流。仅使用打磨操作指南,找出最重要的信息层级问题,实施克制的修正,并检查裁切、键盘控件和空状态行为。不要连接付费参考服务。

检查结果

根据这些可观察的标准检查实际输出。

  • 现有的组件和令牌规范仍清晰可辨。
  • 所选操作指南与请求的范围相符。
  • 在已评审的路径中,渲染后的界面未观察到裁切、重叠或无响应的控件。

OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已捆绑提供,也不表示包含其外部工具、凭据和软件依赖项。

05 来源与许可证

来源与许可证

本页描述下方链接所指向的固定来源修订版本。上游行为和要求可能发生变化。

来源所有者
UIZZE
许可证
SKILL.md 声明采用 MIT;链接的技能目录 LICENSE 包含 Apache-2.0 条款。复用前请确认适用条款。
已评审的快照
2026-10-07 · 3a685010a7af
编辑来源摘要
一种产品优先的 UI 工作流:选择一个针对具体任务的指南,可选择使用 UIZZE 参考资料,并检查渲染后的界面。

由 OpenDesign 根据链接的来源撰写的原创摘要。仓库星标数只是带有日期的受欢迎程度信号,并不代表技能使用量或质量评分。

06 开始前的问题

开始前需要考虑的问题

我需要订阅 UIZZE 吗?

免费技能和公开目录不需要。该来源将付费的 MCP 参考资料描述为可选项,并要求只有在实际连接成功后才能声称拥有访问权限。

它是否规定了一种视觉风格?

否。产品简报和现有设计语言的优先级高于该技能中的示例。

我可以只用它进行审计吗?

可以。明确的审计任务有其专属操作指南;评审请求并不意味着授权更改界面。

OpenDesign

为下一轮设计迭代留出空间。

将简报、来源材料和设计工作集中保存在本地工作区中。将该技能添加到工作流前,请检查其自身的设置。

上游源文件
https://github.com/github/awesome-copilot/blob/3a685010a7afdc0dbd4c83b7fbda6c316aa516e5/skills/anti-ui-slop/SKILL.md