Communitygithub.com

uizze/uizze

阻止 AI 程式碼代理生成通用的 UI。使用 UIZZE 超過 80 萬個真實網頁與 iOS 畫面,打造產品專屬介面、定義設計合約、涵蓋必要狀態,並執行嚴格的完成驗收。

uizze 是什麼?

uizze/uizze 是一個 AI 代理技能,專為防止程式碼代理(如 Claude Code、Cursor、Codex 等)產出通用、無特色的 UI 而設計。它透過 UIZZE 平台提供的 80 萬個以上真實網頁與 iOS 畫面,引導代理基於產品需求、現有程式碼、設計系統與元件來構建介面,而非從零發明。此技能支援設計、實作、重新設計、審查或出貨前檢查等情境,並可透過「anti-ui-slop」、「stop UI slop」等觸發詞啟動。其核心工作流程包含多個劇本(playbook),例如新介面開發、產品與儀表板操作、精煉與打磨、簡化與明確審計,以及針對 iOS 的原生開發。技能強調整體設計的一致性與使用者體驗,要求代理在每次迭代後檢查實際渲染結果,並在問題無法解決時明確報告,而非隱瞞缺陷。使用此技能不需要帳號或付費授權,但可選用 UIZZE MCP 來取得更精準的視覺參考。

相容平台✓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 的 80 萬個以上真實網頁與 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 之前,請先閱讀參考資料政策。當視覺證據能協助決定版面、狀態、互動或素材時,應予以檢視。使用主機提供的工具,而非自行發明的呼叫或連線。付費檢索是選擇性的;無法存取並不阻礙本地設計工作。

區分精確參考、相關範例、無匹配與服務錯誤。簡短說明影響結果的限制。沒有證據時,切勿聲稱已檢視圖片或找到某個狀態。

完成

建立所要求的範圍,並演練其重要狀態。在代表性的桌面/行動裝置尺寸或原生裝置類別下(包括使用者回報會出錯的尺寸),渲染並檢查實際結果。與所選方向或提供的參考進行比較,而非僅僅檢查是否沒有執行錯誤。

分批修正重大問題,然後再次渲染與檢查。一旦驗證了要求的結果即停止;不要持續創造新的工作項目。如果有界線的修改無法解決問題,應進行報告,而非聲稱通過。當無法進行渲染時,請區分程式碼檢查與視覺驗證。

保持交接簡潔:說明哪些內容已變更、實際測試了哪些項目,以及任何剩餘的限制。技能本身不授權進行發佈、購買、新增依賴套件、帳戶變更或破壞性操作。

相關技能