SuperAPI AI 工具集

linear-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

linear-ui-skills 是一套“带上观点的约束”,用于让 AI 智能体在构建界面时贴近 Linear 的视觉风格,适用场景包括深色模式界面、Linear 风格设计系统,以及使用 Inter 字体与 4px 网格实现的 UI。

主要能力围绕可执行的设计规则展开。颜色方面:主表面必须使用深色背景(亮度小于 20,检测值为 4);页面背景必须用 #080A0A(surface-base);调色板应限制在 10 种可区分颜色内;文字对比度至少保持 4.5:1。资料给出语义化 Token 表,含 surface-base、surface-raised、surface-overlay 以及 text-primary、text-secondary、text-tertiary 和 border-default 的 HEX、RGB 与用途。

字体排版方面:必须以 Inter 为主字体并尽量保持单一字体族;主标题用 60px/700,正文用 17px/400;标题用 text-balance、正文用 text-pretty,数值用 tabular-nums;除明确要求外不得改动 letter-spacing。资料还列出了 heading、body、caption、label 等具体文本样式。

间距、边框与布局:间距必须遵循 4px 网格,常用默认间距为 5px;圆角取自 6px、8px,默认 6px,边框统一 1px;基准视口为 1920px,固定元素需尊重 safe-area-inset,全屏高度用 h-dvh 而非 h-screen。

交互方面:焦点态须用 2px 轮廓(强调色 #5E6AD2)与 2px 偏移,不得移除焦点指示;禁用态用 opacity 0.5 与 not-allowed 光标;破坏性或不可逆操作须用 AlertDialog;加载态宜用结构性骨架屏;错误须显示在操作发生处;不得阻止输入框粘贴;仅图标按钮须加 aria-label。动画仅在明确要求时添加,只动画 transform 与 opacity,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。

限制:该资料是一组主观约束,未提供安装方式、许可或价格等信息,具体版本与维护情况暂未提供。