用途：这是一套带倾向性约束的 UI 设计系统技能，用于在 AI 智能体构建受 Todoist 美学启发的界面时提供参考，适用于浅色模式界面、Todoist 风格设计系统，以及使用 Inter 字体和 4px 网格的 UI。
主要能力：定义颜色语义令牌（surface-base #FDFCFA 作页面背景、surface-raised #FDDECF 用于卡片与模态、surface-overlay #FDF3EA 用于浮层、text-primary/text-2/text-secondary、border-default、destructive、warning），要求文字对比度至少 4.5:1，并建议精简色板。排版要求以 Inter 为主字体，主标题 55px/700、正文 13px/400，标题用 text-balance、正文用 text-pretty，数字用 tabular-nums，除非明确要求否则不改字距。间距基于 4px 网格，默认元素间隙 5px，禁止随意取值。圆角取自 1/2/3/4/9/10px 刻度，默认 3px，边框统一 1px。布局以 1920px 为基准视口，全高用 h-dvh 而非 h-screen，固定元素尊重 safe-area-inset。交互上，破坏性操作必须用 AlertDialog，焦点须有 2px 强调色 outline，禁用态用 opacity 0.5 与 cursor: not-allowed，图标按钮须加 aria-label，不得阻止粘贴。动画仅在明确要求时添加，只动 transform/opacity，入场用 ease-out，交互动效不超过 200ms，并尊重 prefers-reduced-motion。
使用方式：由 AI 智能体在生成界面时参照执行其中的 MUST/SHOULD/NEVER 规则，并与对应的 DESIGN.md 配合使用。
限制：资料未提供安装命令、代码示例与具体接入步骤；部分规则（如输入框高度 0px）来自抓取数据，使用前需自行核对。