玄果AI玩具设计

组件库 Storybook

内置组件画廊:无需安装依赖,在应用内预览高频组件状态与设计 token。官方 Storybook 可在有 npm 的环境通过 `npx storybook@latest init` 引入。

设计 Token

--toy-primary#19c8b9
--toy-page#f8f8f0
--toy-surface#fffef9
--toy-text#794f27
--toy-text-muted#8a7a63
--toy-border#e8e2d6

SmartImage · 原生 DataURL 分支

Storybook 原生图

SmartImage · next/image 远程分支

Storybook 远程图

SmartImage · 空态

AnimalUI · Button / Tag

tealbluegreendefault

GlobalJobsIndicator · 生成中

3 个任务生成中

NotificationBell · 未读/已读交互

点击铃铛模拟已读(未读数递减)