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 分