SuperAPI AI 工具集

wise-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

用途:这是一套面向 AI 智能体的、带有明确约束的 Wise 风格界面设计规范,用于在构建浅色模式界面、Wise 风格设计系统,以及使用 Inter 字体与 4px 网格的 UI 时作为参考。

主要能力:提供颜色、语义令牌、排版、间距、边框、布局、组件与交互等方面的具体规则。颜色要求主表面使用浅色背景,页面背景(surface-base)必须为 #91E75E,文字对比度至少 4.5:1。语义令牌包括 surface-raised #FEFEFE、surface-overlay #E6EAE5、text-primary #7C7C7C、text-2 #525B4B、text-tertiary #4A4A4A、border-default #EFFEE5、success #112501。排版必须使用 Inter,主标题 70px/700,正文 41px/700,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums,不得擅自修改字距。间距必须遵循 4px 网格,默认元素间距 5px。圆角取自 4px、15px、18px、19px、20px、21px、22px、37px,默认 20px,胶囊元素用 20px 以上。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需尊重 safe-area-inset。交互方面:焦点必须用 2px 轮廓与 2px 偏移,禁用态用 opacity 0.5 与 cursor: not-allowed,破坏性操作使用 AlertDialog,图标按钮需 aria-label,加载用骨架屏,错误就近显示,不得阻止粘贴。动画仅在明确要求时添加,只动 transform 与 opacity,入场用 ease-out,反馈不超过 200ms,并尊重 prefers-reduced-motion。

使用方式与限制:资料未提供安装命令或具体调用步骤,暂未提供。该技能为设计约束参考,不包含代码实现细节;部分规则(如减少调色板、减少字重)为建议性 SHOULD,需结合项目实际判断。