用途：为 AI 智能体提供构建 Loom 风格界面时的设计约束，适用于浅色模式界面、Loom 风格设计系统，以及采用 Inter 字体与 4px 网格的 UI 实现。
主要能力：
- 颜色：主表面用浅色背景，页面背景必须用 #E4EDFE，主操作与聚焦状态用 #2256C7，文字对比度至少 4.5:1。
- 语义令牌：surface-base #E4EDFE、surface-raised #FFFFFF、surface-overlay #171718、text-primary #B6B6B7、text-2 #363B43、text-secondary #B1CFEF、border-default #E8EEF8、accent #2256C7。
- 字体：主字体必须为 Inter，标题 54px/700，正文 25px/500，字重限 medium、bold、regular；标题用 text-balance，正文用 text-pretty，数值用 tabular-nums，非明确要求不得改字距。
- 间距与圆角：间距必须基于 4px 网格，默认间隙 5px；圆角取自 4px、15px、18px、22px、26px、28px，默认 28px，胶囊元素用 22px 以上，边框宽度限 1px、2px。
- 布局：以 1920px 为基准视口；全高使用 h-dvh 而非 h-screen；固定元素尊重 safe-area-inset；方形元素用 size-*。
- 交互：聚焦用 2px accent 描边加 2px offset，禁止移除聚焦指示；禁用态 opacity 0.5 与 cursor: not-allowed；破坏性操作使用 AlertDialog；错误就近显示；图标按钮加 aria-label；不得阻止粘贴。
- 动画：非明确要求不加动画；只动画 transform 与 opacity，200ms 内，入场用 ease-out，尊重 prefers-reduced-motion。
- 性能：不得动画大面积 blur/backdrop-filter，不在动画外使用 will-change，不用 useEffect 表达可用渲染逻辑完成的事。
使用方式：作为技能资料供 AI 智能体在生成 Loom 风格界面时读取并遵循上述约束。安装命令、具体集成步骤与平台支持信息暂未提供。
限制：资料未提供收费、价格、易用性评估等信息；上述约束为风格性规则，具体实现需结合项目情况判断。