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 的边界。
阅读全文