用途：该技能为 AI 智能体提供一套有主张的约束规则，用于构建 Notion 风格的界面。适用场景包括构建浅色模式界面、创建 Notion 风格设计系统，以及实现采用 Inter 字体与 4px 网格的 UI。
主要能力： 颜色：主表面使用浅色背景；页面背景 MUST 用 #F6F6F6（surface-base）；主操作与聚焦态 MUST 用 #97CAEE（accent）；文字对比度 MUST 保持至少 4.5:1。语义令牌还包括 surface-raised #E5E5E4、surface-overlay #DFEFFE、text-primary #5D686A、text-2 #3E3E3E、text-tertiary #505050、border-default #EDEEEC。 排版：MUST 使用 Inter 为主字体；主标题 66px/700，正文 16px/500；标题用 text-balance，正文用 text-pretty；数字用 tabular-nums；未明确要求不得改动 letter-spacing。 间距：MUST 使用 4px 网格；默认元素间距 1px；不得使用任意间距值。 边框：圆角取自 3px、4px、6px、15px，默认 4px；边框宽度统一 1px。 布局：MUST 以 1920px 为基准视口；全屏高度用 h-dvh 而非 h-screen；固定元素须尊重 safe-area-inset；方形元素用 size-*。 交互状态：聚焦 MUST 用 2px accent 色描边并加 2px outline-offset，不得移除聚焦指示；主按钮悬停背景提亮 10%，次按钮与列表项悬停用 #E5E5E4；禁用态 opacity 0.5 且 cursor: not-allowed。 交互：破坏性操作 MUST 用 AlertDialog；加载用结构化骨架屏；错误就近展示；不得阻止输入框粘贴；纯图标按钮 MUST 加 aria-label。 动画：未明确要求不得添加动画；只动 transform、opacity；入场用 ease-out；交互反馈不超过 200ms；尊重 prefers-reduced-motion。 性能：不得对大范围 blur()/backdrop-filter 做动画；非活动动画不用 will-change；可用渲染逻辑表达的不用 useEffect。
使用方式：在构建 Notion 风格界面时参照上述规则作为约束。资料未提供具体安装命令或代码调用方式，暂未提供。
限制：资料中检测到的组件规范较特殊，如输入框高度为 0px、按钮 Ghost 变体无边框等，需按原样理解；部分数值（如各字号颜色）来自单一检测样本，不构成通用标准。