SuperAPI AI 工具集

linear-design-patterns

设计与创作

查看项目

更新于 10-16 00:05

技能介绍

用途:将 Linear 的设计哲学应用到 Web 应用,适合构建新设计系统或改造现有界面,强调键盘优先、鼠标可选、暗色优先、高信息密度与低杂乱。

主要能力:提供快速决策指南(暗色优先、LCH 色彩空间、3 个主题变量 base/accent/contrast、Inter + Inter Display 字体、4px 间距基准、约 200ms ease-out 动画、用撤销替代确认、乐观更新替代加载转圈、内联反馈、Cmd+K 命令面板、g 加字母的 vim 式导航、高密度低杂乱、最小化装饰、数据面板直角、1px 边框分隔、仅浮层使用阴影)。核心原则包括键盘优先、速度即特性(100ms 交互目标)、色彩克制、高密度低杂乱、温和自然。

常见错误:容器套容器;数据表面使用 box-shadow;数据表面使用 border-radius;内容不铺满视口;非表格数据用 table 标记;带色标题区被做成卡片;页面缺乏颜色区分。

具体模式:指标网格、带圆点状态徽章、按钮系统、筛选控件(低对比、仅边框、方形圆角、激活态仅用强调色描边与文字)、滑入式详情面板、内容行、侧边栏导航。

实现:完整设计系统细节见 references/linear-design-system.md,涵盖颜色与主题、排版、布局与导航、表面架构、信息密度、交互与速度、动效、反馈、视觉打磨、渐进披露。

限制:资料未提供安装命令、依赖版本、浏览器兼容性、收费或授权信息,暂未提供。