dashboard-design

dashboard-design 技能是 Vizro 项目的核心架构师。它旨在引导用户在编写任何实现代码之前，完成需求、布局与可视化这三个结构化规划步骤。此技能专为需要使用 Vizro Python 工具组建立交互式生产级 BI 工具的数据分析师、工程师与产品设计师而设。通过强制执行严格的规划阶段，此技能能防止常见的设计反模式，并确保最终产出的仪表板是目标明确、以用户为中心且在技术上扎实的成果。

• 规划必经的三步骤工作流程：需求收集（步骤 1）、布局与交互设计（步骤 2）、以及可视化选择（步骤 3）。

• 产出标准的 YAML 规格文件（spec/1_information_architecture.yaml, spec/2_interaction_ux.yaml, spec/3_visual_design.yaml），便于版本控制与协作。

• 强制执行 Vizro 特有的设计限制，包括 KPI 卡片数量限制、导航层级与基于网格的响应式布局系统。

• 提供 2-5 个编号选项供用户选择，加速决策过程，保持设计流程的轻量与迭代性。

• 与 dashboard-build 等后续技能无缝衔接，确保规划输出能直接引导构建阶段。

• 使用 ASCII 线框图验证 UI 组件、筛选器位置与容器交互，确保在构建前达成共识。

• 若用户缺乏清晰规划，务必从步骤 1 开始；切勿直接跳转至实现构建。

• 利用各步骤提供的检查清单，确保数据源的可访问性与 KPI 定义的可执行性。

• 对于单页或简单的仪表板，步骤可以精简但绝不可完全省略，以维持结构的一致性。

• 若用户提供现有的线框图或原型，请在进入后续步骤前，根据 Vizro 限制验证现有设计决策。

• 务必将决策记录在 spec/ 目录中，以利于跨 AI 对话阶段的项目重启与延续。

• 优先使用内置组件（如 KPI 卡片），除非业务需求明确要求使用高代码扩展。