Agent Skills
› mckinsey/vizro
mckinsey/vizro
GitHub用于构建、实现和测试 Vizro 数据可视化仪表盘。需基于设计阶段的规范文件，通过脚本获取模型 schema，复制示例代码并修改以生成应用，最后使用 Playwright 进行自动化测试，确保符合设计规范且运行稳定。
Install All Skills
npx skills add mckinsey/vizro --all -g -y
Skills in Collection (6)
用于构建、实现和测试 Vizro 数据可视化仪表盘。需基于设计阶段的规范文件，通过脚本获取模型 schema，复制示例代码并修改以生成应用，最后使用 Playwright 进行自动化测试，确保符合设计规范且运行稳定。
用户要求创建或构建工作应用
用户表示 'just build it'
用户已有数据准备实施
npx skills add mckinsey/vizro --skill dashboard-build -g -y
用于设计和规划 Vizro 仪表盘的技能，强制遵循需求、布局和可视化三步工作流。通过生成规范文件记录决策，引导用户完成设计而非直接实现。
用户想要设计或规划仪表盘
用户询问如何创建仪表盘
npx skills add mckinsey/vizro --skill dashboard-design -g -y
提供Vizro仪表盘布局设计指南，涵盖12列网格配置、组件尺寸规范、筛选器与选择器放置策略及容器模式，辅助构建结构合理的数据可视化页面。
设计Vizro仪表盘布局
配置网格和组件尺寸
放置筛选器和选择器
npx skills add mckinsey/vizro --skill designing-vizro-layouts -g -y
提供Vizro仪表盘图表选型、Plotly Express规范、配色规则及KPI卡片和AG Grid表格的最佳实践，指导开发者正确构建可视化组件。
选择适合的图表类型
配置颜色或调色板
创建KPI指标卡片
添加AG Grid表格视图
编写自定义图表函数
npx skills add mckinsey/vizro --skill selecting-vizro-charts -g -y
指导在Vizro仪表板中实现交叉筛选、高亮、钻取和数据导出等交互功能。涵盖源-控制-目标核心概念、内置动作用法及五种命名交互模式的选择与代码实现。
需要为图表或表格添加点击以筛选其他组件的交互
需要配置跨页面导航并预设过滤器
需要实现数据下载导出功能
npx skills add mckinsey/vizro --skill wiring-vizro-actions -g -y
提供Vizro YAML仪表盘配置的编写与调试指南，涵盖组件语法、数据注册、自定义函数及AG Grid表格等核心模式与常见错误规避。
构建Vizro应用
排查YAML或运行时错误
询问Vizro组件配置模式
npx skills add mckinsey/vizro --skill writing-vizro-yaml -g -y
