# AI Read First（Dashboard）

你正在使用 `@tfdesign/dashboard` 生成“数据看板 / BI / 运营驾驶舱”类页面。

## 必读链路（不可乱序）

1. `skills/产品设计-体服平台数据看板-界面生成/PAGE_ARCHETYPES.md`：先选页面范式/模板
2. `skills/产品设计-体服平台数据看板-界面生成/LAYOUT_RECIPES.md`：再选唯一主 recipe（容器语义/间距/滚动）
3. `skills/产品设计-体服平台数据看板-界面生成/LAYOUT_RULES.md`：写骨架与响应式
4. `skills/产品设计-体服平台数据看板-界面生成/components.summary.json`：初选组件
5. `skills/产品设计-体服平台数据看板-界面生成/components.index.json`：局部读取命中条目 props/rules/examples（用 `grepAnchor`）
6. `skills/产品设计-体服平台数据看板-界面生成/GLOBAL_DESIGN_RULES.md`：组件未覆盖时按 Token 兜底
7. `skills/产品设计-体服平台数据看板-界面生成/CHECKLIST.md`：交付前自检

## 最重要的 3 条铁律

1. **能用组件就不要手搓**：基础控件优先使用 `@tfdesign/dashboard` 内置的 B 端基础组件（与 b-end 完全一致、无需额外安装）；Dashboard 专属图表/卡片优先使用本包导出的组件。
2. **图表配色只能用 data 色槽**：`--color-data-0`…；禁止自定义 hex。
3. **滚动模型必须先判定**：看板多为多面板对照工作流，避免“整页滚 + 面板也滚”导致不可用。

