用途:该技能提供一套有倾向性的约束,供 AI 智能体在构建 Codeium 风格界面时参考,适用于深色模式界面、Codeium 风格设计系统,以及使用 Inter 字体与 4px 网格的 UI 实现。
主要能力与规范:颜色方面要求主表面使用暗色背景(亮度低于 20,检测值为 17),页面背景使用 #152443,主操作与聚焦状态使用 #32E5AD,色板应限制在 7 种颜色内,文字对比度至少 4.5:1。语义令牌包括 surface-base #152443、surface-raised #32E5AD、text-primary #ACB9C8、text-secondary #136045、text-tertiary #CED5DB、border-default #253453、accent #32E5AD。排版要求以 Inter 为主字体,标题使用 77px/700,正文 20px/400,字重仅限 regular 与 bold,标题用 text-balance、正文用 text-pretty,数字数据用 tabular-nums,不得随意修改字距。间距必须使用 4px 网格,默认元素间距 6px,不得使用任意间距值。边框统一 1px,圆角须用设计刻度值。布局以 1920px 视口为基准,禁止用 h-screen 而应用 h-dvh,固定元素须尊重 safe-area-inset。
交互与限制:聚焦须用 2px 强调色 outline 与 2px offset,不得移除焦点指示;禁用态使用 opacity 0.5 与 cursor: not-allowed;破坏性操作须用 AlertDialog;加载态建议用结构骨架屏;错误须显示在操作发生处;不得阻止输入框粘贴;仅图标按钮须加 aria-label。动画非明确要求不得添加,只动画 transform 与 opacity,交互反馈不超过 200ms,须尊重 prefers-reduced-motion。性能上不得动画大面积 blur() 或 backdrop-filter,不得在动画外使用 will-change。
其中组件与部分样式细节的具体适用条件、完整使用步骤及是否存在收费或价格信息,资料暂未提供。