Uizze

io.github.uizze由 GitHub 账号 uizze 发布v3.0.2更新于 Oct 24, 2026

UI design that stands out. Full-screen UI references and design materials for coding agents.

已验证Streamable HTTP可网页运行开发者工具媒体与设计

概览

AI 生成的概览

Uizze 为编码智能体提供设计指导，以及真实应用界面、设计系统、字体、图标和动画素材库，用于构建网页和 iOS 界面。

可以做什么
  • 检索真实应用界面与流程，回答具体的设计问题
  • 为正在构建的界面引入设计系统、授权字体、图标和动画
  • 把设计指导应用到项目自身的代码、组件、布局、排版、交互与状态中
  • 将截图或设计稿实现为界面，并渲染对比差异
  • 寻找适配界面的字体搭配与图标，并在使用文件时保留许可声明
适用场景
适合编码智能体在构建或改进网页、iOS 界面时，需要参考界面、设计素材，或希望让通用草稿有更明确的视觉方向。配套技能无需账号即可使用，MCP 主要用于接入 Uizze 的参考与素材库。
运行要求
远程 MCP 端点位于 uizze.com，使用 streamable HTTP，需 OAuth 登录。MCP 访问需要 Uizze 账号和付费方案；在网站上浏览参考素材免费。独立技能通过 npx 安装，无需账号或 MCP 连接。
安装前请注意
设置提示中包含私有访问令牌，应视为机密，避免粘贴到共享或提交到版本库的文件中。MCP 访问需要付费方案。字体和图标有授权限制，使用文件时须保留许可声明。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Uizze，将其添加到工作区。
  2. 连接 所需的 凭据。它们会被私密存储，绝不会在公开页面上展示。
  3. 为需要使用其工具的对话启用该服务。

Web executable，通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体，或 SourceWeft 对话中。智能体会读取该服务器的安装指南，先向你展示发布者、端点和登录方式，经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/io.github.uizze%2Fuizze/install.md，并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前，先告诉我它的发布者、端点和登录方式，等我确认。不要把 API 密钥写进命令或我会提交的文件；问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。 客户端会在首次连接时完成 OAuth 登录。

{
  "mcpServers": {
    "uizze": {
      "type": "http",
      "url": "https://uizze.com/mcp"
    }
  }
}

README

[图片]  [UIZZE]

Build better UI with coding agents.

Design guidance, real app references, fonts and icons.
For Claude Code, Cursor, Codex and GitHub Copilot.

[skills.sh: 1.3M total installs across uizze.sh skills] [Uizze official] [Licenses: MIT and Apache-2.0]

uizze.com · MCP · Docs · X

Uizze gives coding agents design guidance and resources for web and iOS interfaces. The skills work with your project's code, components and assets; the MCP brings in real app screens, flows, design systems, licensed fonts, icons and animations.

The skills

SkillWhat it does
uizze-uiUizze's design tools and resources, applied to the UI you're building.
ui-designBuild and improve interfaces, from layout and typography to interactions and states.
anti-ui-slopGive generic drafts a clearer direction and check the finished result.
image-to-uiTurn a screenshot or mockup into a 1:1 implementation, then render and compare.
ui-radarFind relevant app screens and flows for a specific design question.

Install

One command from your project root. Choose your skills and agents when prompted:

bash
npx skills@latest add uizze/uizze

Works with Claude Code, Cursor, Codex, GitHub Copilot and other agents supported by Skills. The skills are free and work without a Uizze account or MCP connection.

Install options

Install just the Uizze skill:

bash
npx skills@latest add uizze/uizze --skill uizze-ui

Install for specific agents without prompts:

bash
npx skills@latest add uizze/uizze -a claude-code -a cursor -y

Install user-wide:

bash
npx skills@latest add uizze/uizze -g

UI Taste and iOS Design remain available from their separate distribution source:

bash
npx skills@latest add https://uizze.sh --skill ui-tastenpx skills@latest add https://uizze.sh --skill ios-design

The existing https://uizze.com source also supports anti-ui-slop, ui-design and ui-radar.

Connect the Uizze MCP

Give your agent access to Uizze's reference and material library:

text
https://uizze.com/mcp

Sign in at uizze.com, then copy your setup prompt into your agent. It includes your private access token and connection instructions. MCP access requires a paid plan; browsing references on the website is free without an account.

Connection instructions for your agent →

Try it

With the skills installed, give your agent a task:

Improve our billing settings page. Reuse our components and design tokens, cover loading and error states, and check it at desktop and mobile sizes.

Implement this screenshot in our app. Match the layout, typography and spacing, then render it and correct the differences.

With the MCP connected:

Find onboarding flows for a fitness app. Show me the relevant screens and use them to guide our implementation.

Find a font pairing and icons that fit this interface. Keep the license notices with any files we use.

Watch Uizze before and after

Without Uizze on the left, with Uizze on the right.

https://github.com/user-attachments/assets/d7ee2275-8e7f-474c-a2e4-b45759b86996

More from this repository

License

Uizze-authored code and text use MIT unless a more specific notice applies. Bundled design playbooks retain Apache-2.0 and third-party notices. See the license map for details. Service content follows Uizze's terms.

Built by Uizze.
Docs · X

来源：README.md，提交 fc401e9

工具

0
该服务器需要登录，因此 SourceWeft 无法在没有账号的情况下读取其工具，也未收录。已连接账号所能看到的内容可能因账号及其权限而异。

版本历史

1
  1. v3.0.2最新Sep 16, 2026

评分

已满足适用检查项的 85%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list，或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分