完美编辑海报风格设计｜简诗 AI：用 Skill 固化 Impeccable 视觉规范
SkillHub 社区 Skill「完美编辑海报风格设计｜简诗 AI」（@user_fccf428b/impeccable，v1.0.1）将 Impeccable 编辑海报风写入 SKILL.md：奶油与焦橙区块、琥珀色令牌、WCAG 2.2 AA 与固定输出结构，指导 Agent 生成可落地的设计系统文档。本文说明定位、核心能力、skillhub 安装路径（Cursor/Codex/Claude Code）及典型提示，并注明商店简介与包内字体字段差异。
閱讀全文PRD到UI原型設計專家團：從需求文檔到可評審原型
PRD到UI原型設計專家團（@user_cae83fba/design-ui-prototype-expert-pack）是 SkillHub 社區 design-media 類 Skill，v1.2.0，無需 API Key。它將 PRD、需求說明或產品想法轉爲可評審 UI 原型、設計規範、設計系統與前端交接清單，並對已有原型做證據化評審；缺信息先補問，交付爲評審級而非生產級前端。文章說明核心能力、紅線邊界、SkillHub CLI 與 Cursor 等安裝路徑及典型觸發場景。
閱讀全文ui-ux-pro-max：把 UI/UX 設計知識裝進 Agent Skill
ui-ux-pro-max 是智雨科技在 SkillHub 發佈的企業級 design-media Skill（v1.0.0），無需 API Key。簡介涵蓋 50 種風格、21 個調色板、50 組字體搭配、20 類圖表，並面向 React、Next.js、Vue、Svelte 等 9 種技術棧。文章說明其定位、覈實後的能力邊界，以及通過 skillhub CLI 或官方提示詞安裝到 Cursor、Claude Code 等 skills 目錄的步驟，並提醒以包內 SKILL.md 爲準、勿臆測未公開的棧名與工作流。
閱讀全文前端用戶體驗工程：用 Skill 約束生產級界面產出
介紹 SkillHub 技能「生產級前端界面工程規範」（@org-b6kzcl68/frontend-ui-engineering，v1.0.0）。該 Skill 面向新建或修改用戶界面，覆蓋組件架構與文件同置、組合優於配置、數據與展示分離、狀態分層、設計系統與語義化色板、WCAG 2.1 AA、響應式斷點、骨架屏與樂觀更新、空態錯態，並規避 AI 模板審美。說明 SkillHub 提示詞與 skillhub CLI 安裝方式、Cursor 等 skills 目錄，以及典型觸發詞與適用場景。
閱讀全文design-system-polisher：用 59 套品牌設計系統規範打磨 AI 生成界面
design-system-polisher 是 SkillHub 社區 Skill，將 Apple、Stripe、Vercel 等 59 套品牌設計系統規範內嵌到本體中，啓動時選擇風格後對照規範檢查並優化 Agent 生成的界面代碼。無需 API Key，可離線運行。本文介紹其定位、核心能力，以及基於 skillhub CLI 與 Cursor/Claude Code/Codex 等 skills 目錄的安裝方式與典型使用流程。
閱讀全文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 目錄，並給出基於官方簡介的可復現對話用法。
閱讀全文dsh-design-tokens：設計令牌命名規範參考
`dsh-design-tokens` 是 DeepSeek Harness (DSH) 中一款用於解決設計系統命名規範統一問題的插件。由 uckkk 維護，該插件提供預定義的規範和工具，確保開發者生成的代碼或配置符合特定命名規則。它純 Node 實現，無網絡依賴，需安裝並配置至 profile 的 `package.json` 中。使用時直接在會話中調用即可，但需注意其依賴版本及代碼安全性。
閱讀全文Deep Design：DeepSeek Harness 設計模式插件
DeepSeek Harness 的 Deep Design 插件通過“一切皆插件”的理念，將本地工具變身爲設計工作室。它包含代理預設、原則技能包和 QA 技能包，支持從簡報到交付的完整閉環。該工具利用第一性原理指導設計，提供構圖與動效建議，並通過無頭渲染和結構化批評實現自動修復與迭代。插件完全本地運行，支持網絡研究，允許設計記憶在會話間累積，從而提升設計質量，且具備隱私保護與 MIT 開源許可。
閱讀全文figma-create-design-system-rules：給 Agent 寫一套項目專屬設計系統規則
介紹 openai/skills 策展目錄中的 figma-create-design-system-rules：在已連接 Figma MCP 的前提下，分析代碼庫並生成項目級設計系統規則，約束組件路徑、Design Token、樣式方案與 Figma-to-code 流程，分別寫入 CLAUDE.md、AGENTS.md 或 .cursor/rules/figma-design-system.mdc，緩解 AI 落地 UI 時亂用間距、硬編碼顏色、重複造組件等問題。文中核實安裝方式、五步工作流與注意事項。
閱讀全文用 figma-generate-design 把頁面從代碼反向生成到 Figma
介紹 OpenAI curated 與 Figma MCP 生態中的 figma-generate-design Skill：在已連接 Figma MCP、目標文件具備設計系統的前提下，把應用頁面或多區塊佈局按組件實例與 Token 寫入 Figma，並強制配合 figma-use。文中核實了插件安裝（Cursor / Claude Code / Codex）、npx skills 安裝方式、按區塊組裝與 generate_figma_design 並行校準等官方流程，以及與 figma-implement-design、Code Connect 等相鄰 Skill 的邊界。
閱讀全文