周活跃用户
8,642+12.4%
v0.8.1 AI 原生组件族 · 图表通用层已发布
设计系统， 为 AI 时代 而生
设计 tokens（6 预设 × 明暗）× 无框架组件 × AI 原生族（7 态状态机 / 多模态 / 定价审计）
× 图表通用层（ChartSpec 纯 JSON）。全部消费同一套 --token-*，换肤零改动；
UI 能力可直接注册为模型调用的工具。
0kit 入口
0行为模块
0图表 kit
0AI 原生
0运行时依赖
SHOWCASE · 精选组件
先体验，再安装
这里没有一个截图 —— 每个组件都由 @icen.ai/ui 当场渲染，可以直接点击、拖动、输入。悬停任意卡片查看组件名。
自动
预览
LIVE
部署成功 新
gateway · 32 秒前
稳定 排队 失败 Beta
林 沈 顾 5 位
4.5 · 128 条评价
构建中
64%
全量
增量
跳过
⌘K
命令面板
音量40
构建中…
设计系统 v0.8.1 AI 原生
TOKENS · 三层正交
一套 tokens，六副面孔
色彩预设 × 明暗 × 风格 profile 互不耦合。点一张色板 —— 整站包括上面的每张卡片，即刻换肤。
78 个组件共享同一套 --token-* —— 换肤不改一行组件代码。
WHY · 设计哲学
为下一个十年的界面而生
AI 原生族
7 态状态机 + 多模态内容模型（对标 AI SDK v5 / MCP / OpenAI / Anthropic）+ 定价审计闭环，零接线一行绑定。
图表通用层
renderChart 吃纯 JSON ChartSpec，12 种图；悬停 / 单击 / 双击 / 右键事件与图例眼睛内建。
三层正交
色彩预设 × 风格 profile × 明暗，三层互不耦合；78 个组件共享同一套 --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> 上挂预设与明暗类
<html class="piano dark"> … </html>