用途：当用户需要分析型布局、数据可视化、模块化概览屏幕时，提供仪表盘设计的 Web 与 App 实现参考。该内容属于 design-it 技能的子参考，不是被直接触发的独立技能。
主要能力：核心原则包括模块化网格（左侧边栏加顶部导航，屏幕拆分为功能性卡片或 widget）、数据层级（最重要的 KPI 指标放大并置于顶部，图表居中，列表和表格置底）、柔和背景（浅灰或米白背景，使白色数据卡片更突出）。视觉方面：颜色采用极简 Slate 或大地色调，避免过多颜色，红绿仅用于正负趋势；字体为干净的无衬线字体（Inter、Roboto Mono 用于数字）；卡片用极淡阴影或 1px 边框分隔。
使用方式：Web 端使用 CSS Grid 实现宏观布局（侧边栏、页头、主内容区）。App 端给出 SwiftUI、Flutter、React Native、Jetpack Compose 的示例：SwiftUI 用 NavigationSplitView 或 LazyVGrid 自适应列，Flutter 用 SliverGrid.extent 配合 maxCrossAxisExtent，React Native 用 flexWrap 加 flexBasis，Compose 用 GridCells.Adaptive。文中提及图表库如 Flutter 的 fl_chart、React Native 的 victory-native 或 @shopify/react-native-skia。
适用场景：需要快速扫读数据的分析型仪表盘、概览界面与数据可视化页面。
限制：这是样式参考，不能替代针对具体环境的验证、无障碍测试或专家评审；对比度和响应式行为需另行核实。仪表盘需使用自适应网格；注意 LazyVerticalGrid 嵌套在带 verticalScroll 的 Column 中可能导致高度计算问题，需设置 heightIn(max) 或改为单一 LazyVerticalGrid。价格、收费、平台支持等信息暂未提供。