SuperAPI AI 工具集

ticktick-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

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

主要能力与规范: 颜色方面,页面背景须用 #FEFEFE(surface-base),主操作与聚焦态须用 #6E85D9(accent),文字对比度至少 4.5:1。语义令牌包括 surface-raised #D8EDF7、surface-overlay #3656F8、text-primary #CACACA、text-secondary #8D8D8D、text-tertiary #B7C0DE、border-default #9AAFD4。 排版须以 Inter 为主字体,主标题 51px/700,正文 13px/400,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums,未经要求不得改动字距。 间距须遵循 4px 网格,默认元素间距 5px,不得使用任意值。圆角取自 3px、16px、22px、23px、25px,默认 3px,胶囊元素用 22px 以上,边框统一 1px。 布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素须考虑 safe-area-inset,方形元素用 size-*。 交互上,聚焦须用 2px accent 描边并偏移 2px,禁用态 opacity 0.5 且 cursor: not-allowed,破坏性操作须用 AlertDialog,加载用骨架屏,错误就近展示,图标按钮须加 aria-label,不得阻止粘贴。 动画仅在明确要求时添加,只动 transform 与 opacity,入场用 ease-out,交互反馈不超过 200ms,尊重 prefers-reduced-motion。性能上不得动画大面积 blur/backdrop-filter,不得在非活动动画上使用 will-change。

限制:资料未提供安装命令、代码示例、收费方式与平台支持信息,暂未提供。