行业设计系统 Skill（UI 设计）
做该行业应用时，让 AI 懂界面与气质。
行业设计系统是一套可复用的 UI 规范（视觉风格、排版、组件与反模式）。它的目标是快速把行业气质嵌进界面，减少“通用感”，让用户一眼看懂这是专业场景系统。
定位说明
- 这部分资产用于 UI 设计与前端界面规范。
- 与
Cursor Skills（代码规范与业务规则）的流程约束类内容不同，本页聚焦视觉与交互表达。
什么时候使用
- 需求探索与方案设计阶段：确定整体视觉方向与信任感
- 产品/前端实现阶段：统一颜色、字号、布局与交互
- 评审与交付阶段：作为 UI 规范与验收标准
如何使用
- 进入对应设计系统页面，复制
Pattern / Colors / Typography / Avoid。 - 放入
.cursor/rules/（例如design-医废.mdc），或直接贴入对话提示词。 - 在需求/设计/前端任务中提示 AI 参考该设计系统。
设计系统清单
| 行业/场景 | 入口 | 适用界面 | 关键词 |
|---|---|---|---|
| 医废全流程追溯 | 医废追溯 → 设计系统 | 作业端 + 管理端 | 医疗合规、无障碍优先、高对比度 |
| 物业报修巡检 | 物业报修 → 设计系统 | 作业端 + 运营端 | 玻璃拟态、信任感、清晰层级 |
| 调度/派单运营后台 | 调度运营后台 → 设计系统 | 运营后台 + 数据看板 | 信任与权威、专业深色 |
每份设计系统内含英文原版 + 中文版，便于中英文项目共用。
每份设计系统包含内容
- Pattern（页面结构与节奏）
- Style / Keywords（行业气质与关键词）
- Colors（主/辅色与对比）
- Typography（字体与层级）
- Key Effects（关键交互与视觉效果）
- Avoid（反模式清单）