用途：这是一套带有明确约束的 UI 设计系统技能，供 AI 智能体在构建 Liveblocks 风格界面时参考，适用于深色模式界面、Liveblocks 风格设计系统以及使用 Inter 字体与 4px 网格的 UI 实现。
主要能力与约束：颜色方面，主要表面必须使用亮度低于 20 的深色背景，页面背景必须使用 #000000，文本对比度至少 4.5:1；资料给出 surface-base #000000、surface-raised #E5E5E5、surface-overlay #FEFEFE、text-primary #818181、text-secondary #5B595A、text-tertiary #B5B5B5、border-default #EAEAEA 等语义令牌。排版必须使用 Inter 为主字体，主标题为 54px/700，正文为 19px/400，字重限定为 medium、regular、bold，标题用 text-balance、正文用 text-pretty，数字用 tabular-nums。间距必须使用 4px 网格，默认元素间距 5px。圆角仅限 3px、5px、19px，默认 3px，边框统一 1px。布局以 1920px 为基准视口，全屏高度用 h-dvh 而非 h-screen，固定元素需考虑 safe-area-inset。交互上，焦点必须用 2px 轮廓与 #5E6AD2 强调色及 2px 偏移，禁用态用 opacity 0.5 与 cursor not-allowed，破坏性操作使用 AlertDialog，加载用骨架屏，图标按钮加 aria-label。动画默认不添加，仅可动 transform 与 opacity，入场用 ease-out，交互反馈不超过 200ms，并尊重 prefers-reduced-motion。性能上避免对大面积模糊或 backdrop-filter 做动画，不在非活动动画上使用 will-change。
使用方式与限制：资料未提供具体安装命令、代码示例或配置步骤，仅以设计约束清单形式给出。缺失的收费、平台、价格、效果等信息暂未提供。