用途：在构建受 Matter 美学启发的界面时，为 AI 代理提供明确的设计约束，确保深色模式、Inter 字体与 4px 栅格一致性。适用于构建深色界面、创建 Matter 风格设计系统、使用 Inter 字体与 4px 栅格的 UI 实现。
主要能力与规则：颜色上要求主表面使用明度低于 20 的深色背景，页面背景使用 #000000，主操作与焦点使用 #5560EC，文字对比度至少 4.5:1。提供语义 Token，如 surface-base #000000、surface-raised #CFE3F9、surface-overlay #8DBDF7、text-primary #627EA1、text-2 #8C9BAB、text-secondary #888888、border-default #D4E5F8、accent #5560EC、destructive #200D11。字体要求以 Inter 为主，主标题 81px/700，正文 35px/700，标题用 text-balance、正文用 text-pretty，数字用 tabular-nums。间距要求 4px 栅格，默认间隔 2px。边框圆角限定 0px、1px、10px、15px，默认 1px。布局以 1920px 为基准视口，全视口高度用 h-dvh，固定元素尊重 safe-area-inset。交互上要求焦点使用 2px accent 描边与 2px offset，禁用态 opacity 0.5 与 cursor: not-allowed，破坏性操作使用 AlertDialog，图标按钮添加 aria-label，错误就近显示。动画仅在明确要求时添加，只动 transform 与 opacity，入场用 ease-out，反馈不超过 200ms，尊重 prefers-reduced-motion。
使用方式：作为技能规范与对应 DESIGN.md 配合，漂移扫描器会动态读取两份文件提取 Token。配套 DESIGN.md 见 https://github.com/VoltAgent/awesome-design-md/tree/main/design-md/matter。
限制：资料未提供安装命令、平台支持、收费与价格信息；规则为必需/建议/禁止级别，需按原文执行。