TokenDance Design

最后更新：2026-07-21 15:00

多设计风格 monorepo — 多种 surface 视觉并放，按风格消费。

只收录	禁止写入
Token、组件形态、样板、设计原则	主机拓扑、密钥、DSN、真实资产 ID、运维凭证

风格家族

路由：styles/

风格	气质	打开
workbench	协作台 · TokenDance 蓝 · 事件流	board · Desktop · Chat app/chat
cloud-ops	运维台 · GCP 密表 KPI	board · tokens

快速开始

git clone https://github.com/TokenDanceLab/tokendance-design.git
cd tokendance-design
pnpm install
pnpm dev

http://127.0.0.1:5176/

入口	URL
总览	/
workbench 设计板	/styles/workbench/board.html
workbench Desktop	/app/desktop/
cloud-ops 风格板	/styles/cloud-ops/board.html
Chat React	cd app/chat && pnpm dev → :7391

pnpm export:desktop   # → app/desktop/*-single.html（gitignore）

Token 摘要

workbench — Light #0071BC · Dark #29ABE2 · Run State ×6 · Agent Role ×5
cloud-ops — Light #1a73e8 · Dark #8ab4f8 · Canvas #f8f9fa / #202124

仓库结构

tokendance-design/
├── styles/                 # 风格家族（SSOT 路由）
│   ├── workbench/          # board.html（DS 单页）+ STYLE
│   └── cloud-ops/          # board + tokens + components
├── app/
│   ├── desktop/            # workbench 交互原型（静态）
│   └── chat/               # workbench 交互原型（React）
├── archive/                # 历史 DS v1–v3、调研、过期任务文档
├── scripts/
├── index.html
├── AGENTS.md
└── package.json

跨风格原则

• CSS 变量驱动
• 双主题能力；Focus 可见；prefers-reduced-motion
• 风格之间允许不同主色与密度
• 新增风格：见 styles/README.md

相关

• 跨产品 token 意图：TokenDance monorepo docs/design/design-system.md
• 实现仓各自绑定 runtime；本仓不替代运维 STATE

License

MIT