mcpField
A
anti-ui-slop

anti-ui-slop

github.com/uizze设计与 UI76595 次安装2 周前更新
代码仓库

关于 anti-ui-slop

面向编码 Agent 的界面设计技能,指导其依据产品需求、现有组件和设计系统构建或审查界面,并可选用 Uizze 视觉参考。免费技能无需账户或 MCP 连接。

主要功能

  1. 01按任务加载设计指南
  2. 02沿用产品组件与设计系统
  3. 03可选检索 Uizze 视觉参考
  4. 04检查桌面和移动端渲染结果
  5. 05说明验证情况及未解决限制

适用场景

  1. 01创建新界面或进行重大改版
  2. 02优化或简化现有界面
  3. 03按请求审查界面设计
  4. 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.sha256
LICENSE
MANIFEST.json
MODIFICATIONS.md
NOTICE
agents/
openai.yaml
reference/
audit.md
craft.md
distill.md
ios.md
new-work.md
operate.md
overdrive.md
polish.md
references/
uizze-reference-policy.md

详细介绍

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

别再制作敷衍的 UI

借助 UIZZE,利用 800,000 多个真实 Web 和 iOS 界面,打造契合产品的 UI。

借助 UIZZE,别再制作敷衍的 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 前,请先阅读参考资料政策。当相关视觉依据有助于确定布局、状态、交互或素材时,请检查这些依据。使用宿主提供的工具,不要编造调用或连接。付费检索是可选项;无法访问不会妨碍本地设计工作。

区分完全匹配的参考、相关示例、没有匹配项和服务错误。若某项限制影响了结果,请简要说明。没有依据时,绝不要声称已检查某张图片或找到某种状态。

完成

完成所要求的范围,并测试其重要状态。在具有代表性的桌面端/移动端尺寸或原生设备类别上渲染并检查实际结果,其中包括用户报告问题的尺寸。将其与选定的设计方向或提供的参考进行比较,而不只是确认没有运行时错误。

批量修复重要问题,然后再次渲染并检查。确认所要求的结果后即可停止;不要继续凭空增加工作。如果在有限的一轮处理后仍无法解决问题,请如实报告,不要声称已通过验证。如果无法进行渲染,请区分代码检查与视觉验证。

交接说明应简洁:说明做了哪些更改、实际测试了哪些内容,以及还有哪些限制。技能不代表获得了发布内容、购买商品、添加新依赖、更改账户或执行破坏性操作的授权。

评论

支持 Markdown