mcpField
V
visualization-patterns

visualization-patterns

github.com/gtmagents设计与 UI42868 次安装30 周前更新
代码仓库

关于 visualization-patterns

用于规划和审查分析仪表盘与可视化的 skill,帮助团队围绕受众和决策安排图表、布局、无障碍设计与叙事。

主要功能

  1. 01明确受众与决策需求
  2. 02规划布局和 KPI 层级
  3. 03按指标类型选择图表
  4. 04检查无障碍设计与响应式布局
  5. 05添加叙事注释和行动链接
  6. 06提供仪表盘与指标模板

适用场景

  1. 01规划新的分析仪表盘
  2. 02审查图表的无障碍性与清晰度
  3. 03支持自助式分析的推广

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/gtmagents/gtm-agents --skill visualization-patterns

安装后在 Claude Code 中输入/visualization-patterns确认已加载。

详细介绍

分析可视化模式技能

适用场景

  • 规划新仪表板或更新现有可视化内容。
  • 指导团队采用自助式分析。
  • 审查视觉设计、无障碍性和叙事清晰度。

框架

  1. 受众与故事 – 明确用户画像、决策频率和关键问题。
  2. 布局与层级 – 按漏斗组织图块(概览 → 深入分析 → 诊断),突出显示 KPI。
  3. 图表选择 – 根据指标类型选择图表(趋势、构成、对比、分布)。
  4. 无障碍性 – 考虑颜色对比度、标签、工具提示以及移动端和响应式布局。
  5. 叙事与行动 – 标注洞察,嵌入 CTA 按钮或操作手册链接。

模板

  • 带有 KPI 槽位的仪表板线框网格。
  • 指标词典(定义、来源、负责人、刷新计划)。
  • 采用检查清单(利益相关者审查、启用培训、反馈表单)。

提示

  • 将核心 KPI 放在左上角,并显示相对于目标的趋势。
  • 使用一致的配色方案表示正向和负向偏差。
  • 尽可能在 BI 工具中直接嵌入文档或 Loom 演示视频。

评论

支持 Markdown