Communitygithub.com

uizze/uizze

阻止AI编码代理生成通用UI。借助UIZZE超过80万个真实网页和iOS屏幕,构建产品专属界面,设计契约,覆盖必要状态,并执行严格的上线关卡。

uizze 是什么?

UIZZE是一款AI代理技能,旨在解决代码生成代理(如Claude Code、Cursor、Codex等)生成通用、缺乏产品感的UI问题。它通过800,000+个真实网页和iOS屏幕作为设计参考,帮助开发者根据产品实际需求构建或重构界面。该技能支持自由访问公共目录,无需账户或令牌,并可选择付费MCP服务获取更精准的参考材料。它整合了一系列工作流,包括新建界面、产品化、精炼、简化、审计等,每个工作流都配有独立的Markdown剧本,确保设计过程有据可依。最终,它会引导开发者对真实渲染结果进行多尺寸检查,确保设计一致性和交互状态完整性,避免虚假的通过。

兼容平台✓Claude Code✓Codex CLI✓Cursor
npx skills add https://github.com/uizze/uizze/tree/HEAD/integrations/nextjs-starter/.agents/skills/anti-ui-slop

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

预览

来自技能 README

使用UIZZE告别UI垃圾

文档

停止AI编码代理生成通用UI。

别再制造UI垃圾

借助 UIZZE 的800,000+个真实网页和iOS屏幕,构建产品专属UI。

使用UIZZE告别UI垃圾

概述

利用产品简介、现有UI、组件和本地设计系统,打造有意图的界面。UIZZE提供聚焦的设计指导,并在需要时提供少量相关的视觉参考。

前置条件

  • 待构建、重新设计或审查的屏幕或组件——一个文件路径或简短描述。
  • 产品现有的组件、设计令牌和视觉语言,使构建能够扩展它们而不是发明新系统。
  • 可选:付费的UIZZE MCP用于聚焦参考和托管素材。

认证

  • 免费技能和公共目录无需账户、令牌、MCP连接、依赖、脚本或可执行文件即可使用。
  • 可选的完整UIZZE MCP可能使用宿主正常的连接和认证流程。没有实际的宿主结果时,切勿声称已连接。

从产品出发

在设计前,阅读简介、现有UI、组件、令牌、资产以及任何PRODUCT.md或DESIGN.md。用户的请求和项目约束优先于本技能。对扩展和打磨,保留已建立的视觉系统;仅在批准的重新设计时替换它。新项目不需要这些文件。

识别受众、主要任务、重要状态和预期结果。仅询问缺失的、会实质性改变工作的选择。清晰的请求足以继续;不要将小修复变成需求发现研讨会。

选择工作流

加载请求的操作所需的剧本,加上执行它所需的平台和工艺指南:

  • 新界面或重大重新设计:新建作品
  • 产品或仪表盘工作:运营
  • 精炼和打磨:打磨
  • 简化:提炼
  • 明确审计:审计,除非请求修复,否则为只读
  • 原生iOS:iOS,配合操作剧本
  • 明确 /overdrive、“Uizze Overdrive”或异常交互工作请求:Overdrive

实现部分,在方向确定后使用工艺。仅加载相关文件;允许加载多个互补剧本。Overdrive是可选加入,不是普通UI工作的默认选项。实现前需要先选定方向。

“对这个屏幕使用Uizze Overdrive”通过此路由器工作;原生斜杠命令取决于宿主。这些是自包含的Markdown剧本,而非安装程序、后台服务或可执行引擎。

可选UIZZE证据

在使用 find_ui_references 或 find_ui_materials 前阅读参考政策。当视觉证据能为布局、状态、交互或资产提供信息时,检查相关视觉证据。使用宿主可用的工具,而非虚构的调用或连接。付费检索是可选的;无法访问不妨碍本地设计工作。

区分精确参考、相关示例、无匹配和服务错误。简要披露限制结果的因素。无实际证据时,切勿声称检查过图片或发现了状态。

结束

构建请求的范围,并测试其重要状态。在具有代表性的桌面/移动尺寸或原生设备类别(包括用户报告的失败尺寸)上渲染并检查真实结果。与选定的方向或提供的参考进行比较,而不仅仅是与无运行时错误比较。

批量修复实质性问题,然后再次渲染和检查。一旦验证了请求的结果就停止;不要不断发明工作。如果受限于当前范围无法解决问题,则报告问题,而不是声称通过。当无法渲染时,区分代码检查和视觉验证。

保持交接简洁:什么改变了,实际测试了什么,以及任何剩余的限制。技能不会授权发布、购买、新依赖、账户更改或破坏性操作。

相关技能