dsh-ui-design-master
让 AI 成为覆盖生活各领域的 UI/UX 设计大师：23 个设计 Skill（16 生活领域 + 6 通用能力）+ Web 侧边栏「UI 设计」面板（领域速查卡 + 一键复制设计需求模板），面向 DeepSeek Harness (DSH) 插件。
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:T-ctrl-web/dsh-ui-design-master#de1db6ac50d4d6758845040fee3734d006c2df7b
Ui Design Master 以 dsh-ui-design-master 发布，当前版本为 0.1.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
为 DeepSeek Harness (DSH) 打造的 UI/UX 设计技能插件 —— 注入 23 个设计 Skill（1 个总纲 + 16 个生活领域 + 6 个通用能力），并附带 Web 侧边栏「UI 设计」面板。
电商 · 外卖 · 金融 · 社交 · 出行 · 健康 · 教育 · 政务 … 你要设计的产品，都在这里
问 AI「帮我设计一个外卖 App」，大多数时候得到的界面千篇一律、漏洞百出。dsh-ui-design-master 把专业 UI/UX 设计师的经验（配色心理学、信息架构、交互规范、避坑清单）沉淀成按生活领域划分的知识包，让模型在动手前先加载领域设计指南，输出真正专业的方案：
由插件技能生成的电商零售测试页（design-ecommerce）：
| 桌面端 | 移动端 |
|---|---|
| 桌面端 | 移动端 |
完整可交互页面见使用文档中的演示说明（截图由插件生成的电商零售网页渲染而来）。
# 1. 克隆插件源码
git clone https://github.com/T-ctrl-web/dsh-ui-design-master.git D:\DeepSeek-Harness\plugins\dsh-ui-design-master
# 2. 构建
cd D:\DeepSeek-Harness\plugins\dsh-ui-design-master
pnpm install && pnpm build
# 3. 安装到 DSH（web 是当前 GUI 的 profile）
dsh plugin --profile web add file:D:\DeepSeek-Harness\plugins\dsh-ui-design-master
# 4. 重启 dsh，完成！
重启后：
ui-design-master + design-food-delivery，输出专业设计依赖：
@deepseek-ai/cordis、@deepseek-ai/dsh-skill、@deepseek-ai/dsh-settings（DSH 自带）；侧边栏面板需要dsh-better-sidebar。
| 分类 | Skill | 覆盖产品 |
|---|---|---|
| 🧭 总纲 | ui-design-master | 四步工作流 · 10 大优先级规则 · 交付检查清单 · 子技能导航 |
| 🛒 消费交易 | design-ecommerce | 综合/垂直/生鲜/跨境/奢侈品/二手电商 |
| 🍜 消费交易 | design-food-delivery | 外卖点餐/到店餐饮/菜谱/品牌点单 |
| 💰 消费交易 | design-finance-banking | 银行/支付/证券/保险/记账 |
| ✈️ 生活服务 | design-travel-tourism | 机票/酒店/民宿/攻略/当地玩乐 |
| 🚕 生活服务 | design-mobility-transport | 打车/地图导航/公交/共享出行 |
| 🏠 生活服务 | design-real-estate | 找房/租房/装修/家居 |
| 🏛️ 生活服务 | design-public-services | 政务办事/缴费/城市服务 |
| 🏃 健康家庭 | design-health-fitness | 跑步/健身/冥想/睡眠/健康数据 |
| 🏥 健康家庭 | design-healthcare | 问诊/挂号/用药/慢病管理 |
| 🏡 健康家庭 | design-smart-home-iot | 设备控制/安防/场景自动化 |
| 🎬 内容娱乐 | design-entertainment | 长/短视频/音乐/直播/阅读 |
| 💬 内容娱乐 | design-social-community | IM/社区/婚恋/问答 |
| 📰 内容娱乐 | design-news-media | 资讯流/深度阅读/播客 |
| 📝 办公教育 | design-productivity-office | 协作文档/待办/日历/笔记 |
| 🎓 办公教育 | design-education-learning | 网课/刷题/背单词/职教 |
| 🏢 办公教育 | design-enterprise-saas | CRM/项目/客服/BI 后台 |
| ⚙️ 通用 | design-system-tokens | 设计令牌体系/深浅主题 |
| 🚀 通用 | design-landing-page | 落地页/营销页/转化优化 |
| 🏷️ 通用 | design-logo-brand | Logo/品牌色/VI 规范 |
| 📊 通用 | design-data-dashboard | 图表/仪表盘/数据表格 |
| 📱 通用 | design-mobile-app |
每个领域 Skill 均包含：目标用户与场景 → 信息架构与核心页面 → 语义色板（hex）→ 字体排版 → 特色组件 → 交互动效（时长/缓动）→ UX 心理模式 → ❌/✅ 避坑清单 → 交付检查清单 → 实现要点。
DSH 模型（skill 工具按需加载）
▲ ┌─────────────────────────────┐
│ │ dsh-ui-design-master │
│ │ ┌───────────────────────┐ │
│ │ │ ctx.skills 提供者 │◄─┼── 23 个 Skill（assets/skills/*.md）
│ │ │ (registerProvider) │ │
│ │ └───────────────────────┘ │
│ │ ┌───────────────────────┐ │
│ │ │ Web API /ui-design/ │◄─┼── 侧边栏「UI 设计」面板数据
│ │ └───────────────────────┘ │
│ │ ┌───────────────────────┐ │
│ │ │ 设置：开关/领域筛选 │ │
│ │ └───────────────────────┘ │
│ └─────────────────────────────┘
└─ 设计需求 → 设计系统 → 逐屏方案 → 可运行代码
ctx.skills.registerProvider 模式（同步 apply + 按需异步读取），与 dsh-skill-badge 一致，正文按需加载不占常驻内存src/catalog.ts，同时驱动模型目录与 Web 面板，改一处两处同步设置 → 插件配置 → UI 设计大师，支持整体开关与按领域筛选（domains: ["design-ecommerce", ...]）灵感来自 nextlevelbuilder/ui-ux-pro-max-skill 的「设计智能」思路，但针对 DSH 的 Skill 机制做了三点升级：
pnpm install # 安装构建依赖
pnpm typecheck # TS 类型检查
pnpm build # tsdown 构建 lib/index.js + client/client.js
新增领域技能三步走：
assets/skills/design-<slug>.md —— 编写领域指南（参照现有文件的结构与密度）src/catalog.ts → DOMAINS 登记元数据（面板与 Skill 目录自动同步）pnpm build → dsh plugin --profile web update dsh-ui-design-master → 重启 dsh欢迎提交 Issue 与 PR！
MIT © dsh-ui-design-master contributors
| 移动端打磨/交付终检 |
| ♿ 通用 | design-accessibility-ux | 无障碍审计（WCAG 2.2） |