前言¶
做界面開發的同行多半遇到過兩類麻煩。一類是設計稿或競品截圖擺在面前，要從零實現一個像素接近的新界面，模型自由發揮的結果往往「看着像但不對勁」；另一類是已有界面改了很多輪，卻始終帶着 AI 生成特有的模板感，怎麼調都不專業。下面介紹的 ui-polish-skill 就是針對這兩類場景的 Agent Skill：把「實現新界面、審查現有界面、優化去 AI 味、按截圖做高保真復刻」整理成一套可複用的工作流，供支持 SKILL.md 的編程 Agent 使用。
這是什麼¶
ui-polish-skill 是一個基於通用 SKILL.md 格式編寫的 Agent Skill，座標爲 @user_7dfaf699/ui-polish-skill，當前版本 1.0.0，由社區發佈者 user_7dfaf699 維護，來源標記爲 community，分類爲 design-media。它把 UI 相關的多條任務線——實現、審查、優化、美化、重構、截圖復刻——合併成一個 Skill，解決的核心問題是：讓 Agent 在處理界面任務時有一套明確的流程，而不是每次從零即興發揮。
核心功能¶
根據官方簡介，這個 Skill 覆蓋以下能力，均爲已覈實內容：
- 界面實現：根據截圖或 UI 設計稿實現新界面。
- 界面審查：審查截圖或已有代碼，產出審查意見。
- 界面優化與美化：優化已有界面，消除 AI 味、廉價感、模板感，提升專業感。
- 按審查報告修改：拿到審查報告後按報告條目改 UI。
- 只改 UI 不改邏輯：在不改動業務邏輯的前提下僅調整界面層。
- 截圖復刻：根據截圖用 Web / React / Vue / HTML CSS 進行 1:1、像素級、原尺寸、靜態高保真復刻，並在確認後繼續產品化實現。
- 跨平臺適用範圍：Android Compose、Compose Multiplatform、Flutter、SwiftUI / iOS / macOS、Web、桌面端 Electron / Tauri / Qt / WPF，以及移動端、平板、TV 和大屏 UI。
標籤顯示 requires_api_key=false，即不需要額外配置 API Key。
安裝與啓用¶
官方頁面地址：
https://www.skillhub.cn/skills/user_7dfaf699/ui-polish-skill
腳本抓取的資料顯示：版本 1.0.0，分類 design-media，評分 100000，下載 1028 次。需要說明的是，抓取資料中沒有給出具體的安裝命令或配置文件路徑，因此這裏不虛構命令。這類 Skill 基於通用 SKILL.md 格式，實際安裝方式取決於你使用的 Agent 宿主：Cursor、Codex CLI、Claude Code 等對 Skill 的放置位置和發現機制各不相同，請以所用宿主的官方文檔爲準，將 Skill 文件放到其要求的技能目錄後即可按名稱調用。
典型用法¶
官方簡介中給出的可復現場景如下，可直接作爲給 Agent 的指令方向：
1、根據截圖實現新界面：給出設計稿或參考截圖，要求 Agent 按 ui-polish-skill 的工作流實現界面。
根據這張截圖，用 Web/React 實現新界面，尺寸保持原樣，完成後先截圖給我確認。
2、審查已有界面：針對現有截圖或代碼產出審查意見，再按意見修改。
用 ui-polish-skill 審查這個界面截圖，列出問題清單，然後按清單逐項修改，不要動業務邏輯。
3、消除 AI 味：對已有界面做專業化優化。
這個頁面的模板感太重，幫我做專業化優化，重點處理間距、字體層級和配色。
4、截圖高保真復刻：以截圖爲基準做像素級靜態復刻，確認後再進入產品化實現。
按這張截圖做 1:1 靜態高保真復刻，確認佈局無誤後再補交互邏輯。
以上示例均來自官方簡介描述的場景，具體執行效果取決於所用 Agent 的能力。
適用場景與注意¶
適合誰：日常需要在多個平臺上實現、審查、優化界面，或者需要按設計稿/截圖快速產出高保真靜態頁面的開發者和 Agent 使用者。
需要注意的幾點：
- 截圖復刻的「像素級、原尺寸、靜態」定位在 Web / React / Vue / HTML CSS 一側；其他平臺（Compose、Flutter、SwiftUI 等）適用的是實現、審查、優化這條線，不要期望在原生側也得到同等的復刻精度。
- 復刻產出先做靜態高保真，確認後才繼續產品化實現，這個「先確認再演進」的流程是 Skill 設計的一部分，跳過確認直接要最終代碼會偏離預期。
- 「只改 UI 不改業務邏輯」是約束條件，使用時要明確告知 Agent 這一邊界。
- 該 Skill 爲社區來源（community），質量與維護取決於發佈者，使用前建議先在小範圍任務上驗證。
結尾¶
ui-polish-skill 的價值在於把零散的界面任務收攏成一條可複用的工作流：從審查、優化到按截圖復刻，都有明確流程可走。如果你的工作裏經常出現「照着截圖做界面」或「給現有界面去 AI 味」這類需求，可以把它作爲常備 Skill 試一試。官方地址：
https://api.skillhub.cn/user_7dfaf699/ui-polish-skill
