uizze-mcp
为AI编码助手提供海量真实UI参考与设计审查，告别AI生成的“界面垃圾”。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：uizze-mcp。 它的用途是：为AI编码助手提供海量真实UI参考与设计审查，告别AI生成的“界面垃圾”。 完整的 Skill 内容见：https://321skill.com/skills/uizze-mcp/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为我的电商应用设计一个商品详情页。”，它会先通过UIZZE搜索真实的电商商品页作为参考，然后生成代码，并自动检查生成结果是否存在“界面垃圾”问题，如虚假占位符、默认配色等，最后提供具体的修改建议。
介绍
UIZZE MCP Skill 旨在解决AI辅助开发中普遍存在的“界面垃圾”问题。AI生成的UI往往结构雷同、内容虚假、缺乏产品特异性，导致应用缺乏辨识度。该Skill通过连接超过80万个真实网页和iOS屏幕截图数据库，为编码AI提供实时视觉参考和设计约束，确保生成的界面符合真实产品标准。
使用方式分为免费和完整版。免费版可通过一条npx命令安装基础技能，或为支持的AI助手（如Cursor、Claude Code）配置MCP服务器，获得基础的UI设计审查能力。完整版则需要获取API令牌，解锁实时搜索、参考包、设计合约验证和视觉批判等高级功能。
该Skill非常适合依赖AI生成前端代码的开发者、设计师和产品经理，尤其是在快速原型构建或需要确保UI设计质量的场景下。对于希望提升应用视觉专业度和独特性的团队尤为有用。
建议开发者从免费版开始体验，了解其审查标准。在关键项目或需要高度定制化UI时，再考虑升级到完整版以获取更丰富的参考库和深度分析能力。注意，完整版的API令牌需妥善保管，避免泄露。
核心特点
与仅提供代码片段或通用设计建议的Skill不同，UIZZE基于超过80万个真实产品界面构建参考系，提供“设计合约”和“硬性完成门限”，能强制AI遵守真实世界的UI规范，而非生成虚假或通用的界面元素。
注意事项
该Skill主要专注于Web和iOS的UI设计与审查，对于原生Android、桌面应用或其他非标准平台的UI指导能力有限。
常见问题
免费版和付费版有什么区别？
免费版提供基础的UI“垃圾”审查工具（check_ui_slop），而付费版解锁80万+真实界面参考库、实时搜索、设计合约、验证审计和视觉批判等全套工作流。
支持哪些AI编码助手？
支持Codex、Claude Code、Cursor、Cline等主流支持MCP协议的AI编码助手。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/uizze-mcp/raw/index.md 读取 uizze-mcp 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/uizze-mcp/raw/index.md（查看排版版本）