用途：该技能为 AI 代理提供一套有主见的约束，用于构建 Loops 风格界面，适用于浅色模式设计系统、以 Inter 字体与 4px 网格实现 UI 的场景。
主要能力：提供颜色语义令牌（如 surface-base #FFFFFF、surface-raised #ECECEC、text-primary #CCCCCE、border-default #F4F5F6、destructive #D77B5F 等）；排版规范（主字体 Inter，主标题 39px/700，正文 22px/700）；间距要求（4px 网格，默认 5px 元素间距）；圆角量表（0、1、2、3、4、6、7、9、10、26px，26px+ 用于胶囊元素）；按钮、焦点、悬停、禁用等交互状态；以及动画与性能约束。
使用方式：在构建 Loops 风格界面时参照这些规范，保持文本层级清晰，布局以 1920px 为基准视口，全屏高度用 h-dvh 而非 h-screen，固定元素遵循 safe-area-inset。
限制：动效仅在明确要求时添加；焦点指示不可移除；不得粘贴阻断；图标按钮须加 aria-label。资料未提供额外安装命令、收费或价格信息。