前端页面设置：用 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 等工具中的安装与典型提示词用法。
阅读全文