用途:为 AI 智能体提供一套带有强约束的 LaunchDarkly 风格界面规范,适合构建暗色模式界面、LaunchDarkly 风格设计系统,以及使用 Inter 字体与 4px 网格的 UI。
主要能力:给出颜色、语义化 token、排版、间距、边框、布局、组件与交互状态的具体约束。颜色要求主表面使用浅度小于 20 的暗色背景,页面背景用 #000000,主操作与聚焦态用 #AAB7F5,并保持文字对比度至少 4.5:1。语义化 token 包含 surface-base #000000、surface-raised #131313、text-primary #DFDFDF、text-secondary #3D69B0、text-tertiary #C1C1CD、accent #AAB7F5。排版要求以 Inter 为主字体,主标题 138px/700,正文 32px/700,标题用 text-balance、正文用 text-pretty,数字建议 tabular-nums,除明确要求外不改字距。间距基于 4px 网格,默认元素间距 4px,不用任意值。布局按 1920px 基准视口设计,全屏高度用 h-dvh 而非 h-screen,固定元素需尊重 safe-area-inset,方形元素用 size-*。
交互与限制:聚焦态要求 2px accent 色轮廓与 2px 偏移,不可移除焦点指示;禁用态用 opacity: 0.5 与 cursor: not-allowed;破坏性操作须用 AlertDialog;加载用结构性骨架;错误显示在操作发生处;不得阻止粘贴;仅图标按钮加 aria-label。动画仅限显式要求时添加,只动 transform 与 opacity,时长不超过 200ms,并尊重 prefers-reduced-motion。避免动画大面积模糊或 backdrop-filter,不在非活动动画上使用 will-change。该技能本身不涉及收费与价格信息,资料未提供安装命令与使用步骤。