UI/UX 設計顧問：在 Agent 裏做界面評審與設計規範輸出
UI/UX 設計顧問（@user_7871dce1/ui-design-zh）是 SkillHub 社區 design-media 類 Skill，無需 API Key。它分析界面、給出改進建議、協助生成設計規範與用戶體驗優化方案，適用於產品界面評審、設計系統搭建及 Web/移動端 UI 優化。文章說明其定位與能力邊界，並給出 skillhub CLI 安裝到 Cursor、Claude Code 等 skills 目錄的步驟，以及頁面評審、交互判斷、規範大綱等可復現提示詞示例。
閱讀全文前端頁面設置：用 Skill 約束 AI 產出有辨識度的前端界面
SkillHub 社區 Skill「前端頁面設置」（@user_d18a1d0d/frontend-design-ld，v1.0.0）面向建站、落地頁、儀表盤、React 組件與 Web UI 美化等任務，強調 production-grade 設計質量並避免 generic AI 審美。無需 API Key。文章說明定位與核心能力，並給出 skillhub CLI 安裝命令、Cursor/Claude Code/Codex 的 skills 目錄及官方安裝提示詞，附適用場景與目錄配置注意事項。
閱讀全文Apple-design：按 Apple HIG 生成界面質感的 Agent Skill
Apple-design（@user_a7af8eab/apple-design-skill，v1.7.6）是 SkillHub 社區 design-media 類 Skill，無需 API Key，用於按 Apple Human Interface Guidelines 生成具蘋果官網質感的網頁或 App 原型。文章說明其定位、核心能力，以及通過 skillhub CLI 安裝到 Cursor、Claude Code、Codex 等 skills 目錄的步驟，並給出對話式典型用法與適用注意。
閱讀全文小程序 UI/UX 設計技能：把微信小程序設計約束寫進 Agent 工作流
SkillHub 社區 Skill「小程序ui ux 設計技能」（@user_04fe3e31/miniprogram-ui-ux-design，v1.0.1，design-media）將微信小程序 UI/UX 約束寫入 SKILL.md：rpx 與 Flexbox、WXSS 能力邊界、系統字體、微交互與反模式、Pre-Build 檢查清單，並附帶 DESIGN_TOKENS、COMPONENTS、ACCESSIBILITY 等參考。無需 API Key。安裝可參考 skillhub.cn/install/skillhub.md，使用 skillhub install 安裝到 Cursor 等客戶端的 skills 目錄，在設計、寫 WXSS 與無障礙評審時由 Agent 加載使用。
閱讀全文dsh-plugin-dracula-color-theme：DeepSeek Harness 的 Dracula 配色插件
`dsh-plugin-dracula-color-theme` 是一個爲 DeepSeek Harness (DSH) Web 界面移植的 Dracula 主題插件，旨在滿足開發者對特定視覺風格的需求。該插件通過覆蓋設計令牌和重寫 14 個 Shiki 語法變量，實現了全量的 Dracula 配色，包括背景、側邊欄及代碼高亮。針對第三方主題無法持久化的特性，插件內置了 Body 內聯 token、事件監聽及 1.5 秒輪詢的三層守護機制，確保主題穩定生效。安裝需管理員權限，安裝後必須重啓 `dsh web` 並在設置中開啓“接管系統主題偏好”開關方可使用。
閱讀全文UI/UX設計大師：在 Agent 裏補齊界面、品牌與設計系統決策
UI/UX設計大師是 SkillHub 社區 Skill（@user_ad872d55/ui-ux-designer，v2.1.1），無需 API Key。簡介涵蓋 UI/UX、中西方美學、品牌 VI，以及多項目統一、跨平臺同步、主題切換等設計系統管理；觸發詞包括設計、品牌、UI、配色、組件庫等。文章說明定位、能力邊界，並給出 skillhub CLI 安裝命令及 Cursor、Claude Code、Codex 等 skills 目錄示例與可復現對話用法。
閱讀全文設計大師：在 Agent 裏做 UI/UX 診斷與設計系統協作
設計大師是 SkillHub 社區 Skill @user_ad872d55/design-master（v2.2.0，design-media），融合 UI/UX、網頁設計評價、美學、VI 與設計系統管理，可診斷「頁面看着怪」根因；無需 API Key。文章說明定位、觸發詞、SkillHub CLI 與提示詞安裝方式及 Cursor 等 skills 目錄，並給出基於官方簡介的可復現對話用法。
閱讀全文前端美化：用 Agent Skill 做有辨識度的生產級界面
「前端美化」是 SkillHub 社區 Skill（@user_c6f1a0f0/114514，v1.0.0，dev-programming），通過 SKILL.md 引導 Agent 在搭建網站、落地頁、儀表盤、React 組件或美化 Web UI 時，輸出有辨識度、可交付的前端代碼，並強調避免 generic AI aesthetics。無需 API Key。本文介紹定位、能力、基於 skillhub CLI 的安裝路徑（含 Cursor 等 skills 目錄）及與官方簡介一致的使用方式。
閱讀全文騰訊雲 CloudBase UI 設計 Skill：Web 與小程序的前端設計規範
介紹 SkillHub 企業技能 @tencent-adm/ui-design-guide（界面設計 · UI Design，v2.36.0）。由騰訊雲 CloudBase 團隊維護，無需 API Key，提供 Web 與小程序的高保真原型、視覺規範與組件設計規範。說明通過 skillhub CLI 按安裝文檔將技能裝至 Cursor、Claude Code、Codex 等 skills 目錄的方法，以及在前端 UI 任務中引用 CloudBase 設計指南的典型用法與路徑注意事項。
閱讀全文UI設計Skill：Agent 場景下的 UI 生成與界面優化
UI設計Skill 是 SkillHub 社區 design-media 類技能，版本 1.0.0，無需 API Key。當用戶請求生成或優化 Web/App 界面、Dashboard、Landing Page、組件庫或設計系統時觸發，參考 Material Design 與 Apple HIG，輸出簡約高級的 UI 代碼。本文基於官方簡介與 SkillHub 安裝文檔，說明定位、能力、skillhub CLI 與 Cursor/Claude Code/Codex 的 skills 目錄安裝方式，並給出可復現的自然語言用法示例與路徑配置注意點。
閱讀全文tobewin/dsh-skin-studio：爲 DeepSeek Harness 提供全局皮膚與自定義畫布的插件
`tobewin/dsh-skin-studio` 是 DeepSeek Harness 的獨立插件，旨在提供非侵入式的視覺定製方案。該插件基於 Harness 公開的接口構建，無需修改核心代碼。 功能上，它內置 10 款風格各異的預設皮膚，並支持用戶通過上傳本地圖片、調整基底與配色、設置取景及氛圍強度來創建專屬皮膚。皮膚設置保存在本地，支持實時應用。插件遵循 MIT 許可證，權限範圍嚴格受限，僅操作本地數據，卸載後可自動恢復默認外觀。
閱讀全文dsh-taste-review：DSH 技能：審美判斷調用
`dsh-taste-review` 插件旨在爲智能體開發提供專門的審美判斷支持，解決 UI 打磨、文案潤色及命名決策等模糊且依賴人工判斷的難題。該插件專注於多選項權衡、推薦及備選方案生成，適用於 UI 設計決策、文案風格選擇等場景。目前無法獲取官方安裝命令與許可證信息，建議用戶訪問 GitHub 倉庫查看最新指引。
閱讀全文DSH 插件：satan9394/dsh-hallmark-design
DeepSeek Harness 插件 dsh-hallmark-design 致力於解決智能體開發中 UI 設計“AI 味”嚴重的問題。該插件提供 21 個主題及 audit、redesign、study 三種工作流，包含 57 個 slop 測試門和自我批評功能，支持自定義模式以提升設計質量。用戶需通過 GitHub 或技能目錄獲取安裝指引，使用前請注意許可證問題及運行環境要求。
閱讀全文DSH OpenPencil：在對話裏預覽、檢查並編輯真實的 .op 設計稿
dsh-openpencil 是 ZSeven-W 維護的 DeepSeek Harness 客戶端插件，把 OpenPencil 接入 DSH Web 對話：Agent 通過 openpencil_new 等五個工具驅動真實 .op 畫布，支持精確多幀 PNG 預覽、只讀交互畫布與託管編輯器。GitHub 153 stars，MIT 許可。安裝：dsh plugin --profile web add @zseven-w/dsh-openpencil@latest，再 dsh web。適合 UI 設計自動化；插件以 DSH 進程權限運行，安裝前請審閱源碼。
閱讀全文superdesign-skill：讓 DeepSeek Harness 不再產出千篇一律的 AI 界面
superdesigndev/superdesign-skill 是 SkillHub 工作流類 DSH 插件，爲 Cursor、Claude Code 與 DSH 智能體注入產品設計能力，在無限畫布上迭代 UI、演示文稿與圖形，告別默認組件堆疊的「AI slop」。支持 dsh plugin add 與 npx skills add 安裝，配合 @superdesign/cli 完成登錄與草稿分支。適合在真實代碼庫上提取設計系統、像素級復刻現狀頁後分支探索界面方向的前端與產品開發者。MIT 開源，GitHub 約 446 stars。
閱讀全文frontend-design：讓 AI 生成的界面不再「一個模子刻出來」
frontend-design 是 Anthropic 官方維護的 Agent Skill，面向新建或改造 UI 的場景，通過設計規劃、token 體系、字體排版與自我審查流程，引導 AI 避開暖米色襯線、深色熒光、報紙分欄等常見默認審美，產出更有辨識度的界面。文章介紹其核心原則、兩階段工作流，以及在 Claude Code、Cursor 等工具中的安裝與典型提示詞用法。
閱讀全文