用途:这是一套面向 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 值、字体尺寸与间距刻度,避免任意值。
限制:资料未提供安装命令、代码示例或具体平台支持信息;动画默认不添加,除非明确要求。