前言¶
在设计系统、组件库或组件生成任务中,经常需要快速获取与当前技术栈匹配的样式、配色与交互规范。这类信息通常散落在不同文档中,检索成本高,且难以保证与项目栈的一致性。下面介绍一个聚合了多技术栈设计规范与UX原则的 Skill,用于在对话中直接获取结构化、可搜索的设计建议。
是什么¶
ui-ux-pro 是一个跨技术栈的设计规范与UX指南 Skill,由社区用户 @user_9fcd9868 发布,版本为 1.0.0,分类为 design-media。它提供一套可搜索的设计资源数据库,包含样式、配色、字体搭配、UX原则与图表类型,支持基于优先级的推荐。
来源:已提供资料
核心能力¶
根据已提供资料,该 Skill 包含以下能力:
- 67 种样式(styles)
- 96 种配色方案(color palettes)
- 57 种字体搭配(font pairings)
- 99 条 UX 指南(UX guidelines)
- 25 种图表类型(chart types)
- 覆盖 13 个技术栈
- 提供可搜索的数据库与基于优先级的推荐
来源:已提供资料
安装与启用¶
Skill 依赖 SkillHub 平台托管。安装前请确保已安装 SkillHub 客户端或插件,并按平台指引导入或激活该 Skill。
- 坐标:@user_9fcd9868/uiuv
- 版本:1.0.0
- 来源:community
- 分类:design-media
来源:已提供资料
典型用法¶
在对话中,可向该 Skill 提出具体需求,例如:
- “在 React 技术栈中,查找符合无障碍标准的配色方案”
- “给出适用于移动端的设计规范与交互建议”
- “推荐适合数据可视化的图表类型与样式”
Skill 会基于已提供的数据库返回结构化建议与优先级排序。
来源:已提供资料
适用场景与注意¶
- 适用场景:
- 快速获取跨技术栈的设计规范与UX原则
- 为组件库或设计系统提供参考样式、配色与字体搭配
-
在对话中直接获取与当前栈匹配的图表类型与样式建议
-
注意事项:
- 该 Skill 的内容来自社区维护,建议结合项目实际需求进行校验与调整
- 部分字段(如下载次数、评分)在不同来源间存在差异,本文以已提供资料为准
来源:已提供资料
小结¶
ui-ux-pro 提供了一套跨技术栈的设计指南与UX原则集合,涵盖样式、配色、字体搭配、UX原则与图表类型。在需要快速获取结构化设计规范时,可将其作为参考依据,配合项目实际进行适配。
官方地址:https://api.skillhub.cn/user_9fcd9868/uiuv