周活跃用户
8,642+12.4%
v0.10.0 AI 原生组件族 · 图表通用层已发布
设计系统， 为 AI 时代 而生
设计 tokens（6 预设 × 明暗）× 无框架组件 × AI 原生族（7 态状态机 / 多模态 / 定价审计）
× 图表通用层（ChartSpec 纯 JSON）。全部消费同一套 --icen-token-*，换肤零改动；
UI 能力可直接注册为模型调用的工具。
0kit 入口
0行为模块
0图表 kit
0AI 原生
0运行时依赖
SHOWCASE · 精选组件
先体验，再安装
这里没有一个截图 —— 每个组件都由 @icen.ai/ui 当场渲染，可以直接点击、拖动、输入。悬停任意卡片查看组件名。
自动
预览
LIVE
部署成功 新
gateway · 32 秒前
稳定 排队 失败 Beta
林 沈 顾 5 位
4.5 · 128 条评价
构建中
64%
全量
增量
跳过
⌘K
命令面板
音量40
构建中…
设计系统 v0.10.0 AI 原生
TOKENS · 三层正交
一套 tokens，六副面孔
主题、原语与明暗自由组合。点一张色卡，首页、顶部和所有组件同步变换。
主题
129 个组件共享同一套 --icen-token-* —— 换肤不改一行组件代码。
WHY · 设计哲学
为下一个十年的界面而生
AI 原生族
7 态状态机 + 多模态内容模型（对标 AI SDK v5 / MCP / OpenAI / Anthropic）+ 定价审计闭环，零接线一行绑定。
图表通用层
renderChart 吃纯 JSON ChartSpec，12 种图；悬停 / 单击 / 双击 / 右键事件与图例眼睛内建。
三层正交
色彩预设 × 风格 profile × 明暗，三层互不耦合；129 个组件共享同一套 --icen-token-*，换肤零改动。
零依赖无框架
纯 CSS class 契约 + 按需 behavior JS，SSR 安全；React / Vue / 原生都能接，类型面（.d.mts）随包发布。
快速开始
1安装设计系统包
bun add @icen.ai/uipnpm add @icen.ai/uinpm install @icen.ai/uiyarn add @icen.ai/ui2在入口引入 tokens 与全部组件样式
import '@icen.ai/ui/tokens.css';import '@icen.ai/ui/ui.css';3在 <html> 上挂预设与明暗（data 属性）
<html class=" " data-icen-theme="dark" data-icen-preset="piano"> … </html>
从 v0.9 升级？跑包内 codemod：bunx @icen.ai/ui migrate src --write（详见 定制与迁移）。