mcpField
A
anti-ui-slop

anti-ui-slop

github.com/github设计与 UI40.5k1.0k 次安装今天更新
代码仓库

关于 anti-ui-slop

面向编码 Agent 的设计技能,依据产品简介、现有界面、组件和设计令牌开展界面工作。它提供针对任务的操作指南,并可选用 Uizze 视觉参考,而非套用通用风格。

主要功能

  1. 01依据产品背景和现有设计系统
  2. 02选择一个任务专用指南
  3. 03可选使用 Uizze 视觉参考
  4. 04环境支持时渲染并检查
  5. 05检查可见界面缺陷和交互

适用场景

  1. 01构建符合产品特点的界面
  2. 02沿用现有系统重新设计仪表板
  3. 03打磨或简化屏幕界面
  4. 04审查界面的可见缺陷

MCP 相关

免费技能无需连接 MCP。可选的 Uizze MCP 提供 `find_ui_references` 和 `find_ui_materials`,用于获取视觉参考资料。

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/github/awesome-copilot --skill anti-ui-slop

安装后在 Claude Code 中输入/anti-ui-slop确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

CHECKSUMS.sha256
LICENSE
MANIFEST.json
MODIFICATIONS.md
NOTICE
agents/
openai.yaml
reference/
audit.md
distill.md
ios.md
new-work.md
operate.md
polish.md
references/
uizze-reference-policy.md

详细介绍

阻止 AI 编码 Agent 交付千篇一律的 UI。

别再做出千篇一律的 UI

通过 UIZZE,用 800,000+ 个真实 Web 与 iOS 屏幕,打造产品专属 UI。

用 UIZZE 别再做出千篇一律的 UI

概述

利用产品简报、现有 UI、组件和本地设计系统,做出有意图的界面。Uizze 提供聚焦的设计指引,并在有用时提供少量相关视觉参考。

前置条件

  • 一个待构建、重设计或评审的屏幕或组件——一个文件路径或简短描述。
  • 产品现有的组件、设计 token 和视觉语言,让本次构建延展它们,而不是另造一套新系统。
  • 可选:访问付费 Uizze MCP,以获取聚焦的参考和托管素材。

身份验证

  • 免费技能和公开目录无需账户、token、MCP 连接、依赖、脚本或可执行文件即可使用。
  • 可选的完整 UIZZE MCP 可使用宿主正常的连接和身份验证流程。若没有实际的宿主结果,绝不要声称它已连接。

从产品出发

设计前先阅读简报、现有 UI、组件、token 和约束。它们始终优先于本技能。保留熟悉的交互惯例,并让产品自身的对象、工作流和优先级在视觉上清晰可辨。不要为新颖而新颖。

加载一个 playbook

针对当前请求,最多选择一个文件:

  • 新界面或重大重设计:reference/new-work.md
  • 产品或仪表盘相关工作:reference/operate.md
  • 精修与打磨:reference/polish.md
  • 简化或提纯:reference/distill.md
  • 明确审查:reference/audit.md
  • 原生 iOS 相关工作:reference/ios.md

不要加载第二个 playbook。运用判断力,而不是把其中的示例当作检查清单。

可选的 Uizze 证据

在使用付费 MCP 之前,先阅读 references/uizze-reference-policy.md。它仅暴露 find_ui_references 和 find_ui_materials。仅当某个具体且未解决的视觉或素材问题能受益于证据时才使用它们。如果它们没有返回任何内容,就静默继续。

收尾

完成请求的范围。当环境支持时,渲染并检查一次。修复可观察到的破损,例如裁切、重叠、媒体变形、不可访问的控件或失效的交互。保持交接简洁。

评论

支持 Markdown