SuperAPI AI 工具集

deel-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

用途:为 AI 智能体提供构建 Deel 风格界面的约束规则,适用于浅色模式界面、Deel 风格设计系统,以及使用 Inter 字体与 4px 网格的 UI 实现。

主要能力:给出颜色、语义令牌、排版、间距、边框、布局、组件与交互的 MUST/SHOULD/NEVER 规则。颜色要求页面背景用 #FDFDFD,主操作与焦点态用 #A2CDFB,文字对比度至少 4.5:1。语义令牌包括 surface-base #FDFDFD、surface-raised #141414、surface-overlay #000000、text-primary #909090、text-secondary #C4C4C4、text-tertiary #344C65、border-default #86ADD7、accent #A2CDFB、warning #907848。排版要求主字体 Inter,主标题 53px/700,正文 15px/400,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums。间距用 4px 网格,默认元素间距 2px。圆角取自给定刻度,默认 3px,胶囊元素 22px 以上。布局以 1920px 为基准视口,全屏高度用 h-dvh,固定元素尊重 safe-area-inset。交互要求焦点用 2px 描边加 2px 偏移,禁用态 opacity 0.5 与 cursor: not-allowed,破坏性操作使用 AlertDialog,图标按钮加 aria-label,加载用骨架屏。动画仅在明确要求时添加,只动 transform/opacity,入场用 ease-out,交互反馈不超过 200ms,尊重 prefers-reduced-motion。

使用方式:作为技能规则在构建界面时引用;可与对应 DESIGN.md 配合,漂移扫描器会读取两者动态提取令牌。

限制:资料未提供安装命令、平台支持、收费或价格信息;具体实现细节需以实际项目为准。