SuperAPI AI 工具集

todoist-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

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

主要能力:提供颜色语义令牌(如 surface-base #FDFCFA、surface-raised #FDDECF、text-primary #A6A6A6、border-default #F6F1EF 等)、字体规范(Inter 为主字体,主标题 55px/700,正文 13px/400)、间距(4px 网格,默认 5px 间隙)、边框(1px 宽,默认 3px 圆角)、布局(1920px 基准视口,全屏高度用 h-dvh)、组件(幽灵按钮、输入框)与交互状态(焦点 2px 轮廓 #5E6AD2、禁用 opacity 0.5、破坏性操作使用 AlertDialog)等规则。

使用方式:在生成或审查界面时按这些约束执行,例如使用指定 HEX 值、字体尺寸与间距刻度,避免任意值。

限制:资料未提供安装命令、代码示例或具体平台支持信息;动画默认不添加,除非明确要求。