ui-ux-pro:跨技术栈的设计指南

前言

在设计系统、组件库或组件生成任务中,经常需要快速获取与当前技术栈匹配的样式、配色与交互规范。这类信息通常散落在不同文档中,检索成本高,且难以保证与项目栈的一致性。下面介绍一个聚合了多技术栈设计规范与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

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye