SuperAPI AI 工具集

openai-ui-skills

智能体与模型

查看项目

更新于 10-15 22:17

技能介绍

用途:这是一套面向 AI 智能体的 OpenAI 风格界面设计约束,适用于构建浅色模式界面、OpenAI 风格设计系统,以及使用 Inter 字体与 4px 网格的 UI。

主要能力:提供颜色、语义令牌、排版、间距、边框、布局、组件与交互状态的明确规则。颜色要求页面背景使用 #FFFFFF(surface-base),调色板限制在 8 种颜色内,文本对比度至少 4.5:1。语义令牌包括 surface-base #FFFFFF、text-primary #525252、text-secondary #747474、text-tertiary #8A8A8A、border-default #C9C0BB。排版要求主字体为 Inter,主标题 24px/semi_bold,正文 14px/400,字重仅限 regular、semi_bold、light,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums,不修改字距。间距使用 4px 网格,默认元素间距 4px。圆角取自 16px、18px、19px、22px,默认 19px,胶囊元素 22px+,边框统一 1px。布局以 1920px 为基准视口,侧边栏宽 202px,全屏高度用 h-dvh 而非 h-screen,固定元素尊重 safe-area-inset。交互上焦点用 2px 轮廓与 2px offset,禁用态 opacity 0.5 与 cursor: not-allowed,破坏性操作使用 AlertDialog,图标按钮加 aria-label,不阻止粘贴。动画仅在明确要求时添加,只动 transform 与 opacity,交互反馈不超过 200ms,尊重 prefers-reduced-motion。

使用方式:资料未提供具体安装命令或调用步骤,暂未提供。

适用场景:需要快速产出 OpenAI 视觉风格界面的设计与前端实现参考。

限制:资料中部分数值(如输入框高度 0px、字号 7px 等)为检测所得,实际使用需结合项目判断;未提供收费、平台与效果信息。