跳转到使用指南
power-bi-report-design-consultation作者 GitHub

Power BI Report Design Consultation Skill.

一个用于图表和图形的 Claude Code 和 Codex skill:Power BI 报表设计:图表选择、布局、可读性、无障碍访问。

  • Diagrams & Data Visualization
  • Dashboard
github/awesome-copilot · skills/power-bi-report-design-consultation/SKILL.mdSKILL.md
--- name: power-bi-report-design-consultation description: Power BI report visualization design prompt for creating effective, user-friendly, and accessible reports with optimal chart selection and layout design. --- ## Design Consultation Framework ## Visualization Design Process ## Design Review and Validation ## Visualization Recommendations Output
从上游文件读取的前置内容和章节标题,2026-09-14 · 完整内容共 10,891 字符

01 功能说明

power-bi-report-design-consultation Skill 在 Claude Code 和 Codex 中做什么

摘要、工作流与产物,均读自该 skill 的 SKILL.md。

来自 SKILL.md读取于 2026-09-14 · 非实际运行记录

以 skill 自身的术语

一个用于 Power BI 报表的设计咨询 prompt:它依次引导需求收集、图表选型、布局、色彩、字体、交互和移动端设计,最终产出一份书面规格文档。适用对象是已有数据、需要决定如何呈现的人——文件名指定了三类受众:高管、分析师和运营人员。

它的具体之处在于所固定的术语:用条状图(bullet charts)表示目标值、瀑布图(waterfall)做桥接分析、阶梯线表示状态转换、4.5:1 的最低对比度、七个标签页的上限,以及 44px 的触控目标尺寸。它最终产出的是按页设计模板和一份四周交付计划,而不是代码。

它产出什么

  • 一份书面的可视化设计建议,涵盖目的、受众、设计原则,以及每一项主要视觉选择背后的理由。
  • 按页展开的视觉架构,从一个包含头部 KPI 卡片、主图表、辅助视觉元素和筛选面板的仪表盘概览页开始。
  • 一个交互设计部分,规定了交叉筛选、下钻、导航流程和移动端优化方案。
  • 一份分四个阶段的实施计划,最终以移动端优化和最终打磨收尾。
查看示例提示词 ↗

工作方式

  1. 01
    在给出任何建议之前先收集上下文

    该框架以一份检查清单开篇,涵盖业务背景、数据背景和技术需求,从而先将图表建议扎根于问题、受众、决策和数据类型。

  2. 02
    让图表类型匹配数据关系

    图表按其承担的分析任务分组——比较、趋势、构成、分布——每一组下都列出适合的图表类型。

  3. 03
    为受众选择合适的设计模式

    高管、分析和运营三类报表各有自己在密度、交互性和刷新行为上的规则,因此同一份数据会因读者不同而呈现方式不同。

  4. 04
    将内容组织成信息架构

    内容按优先级分为关键指标、支持性背景信息、详细分析,导航和筛选器排在最后,再将其归入头部加主要洞察加次要分析的布局中。

  5. 05
    通过评审和用户测试进行验证

    在交付产物之前,用一份质量检查清单和一套包含五个场景、计时任务和量化成功标准的可用性测试流程来收尾整个过程。

  6. 06
    将输出打包为规格文档和分阶段计划

    建议最终整理成一份设计规格文档,包含每页的视觉架构、交互设计,以及一份四周开发优先级列表。

02 找到适合场景

何时使用 power-bi-report-design-consultation Skill

当工作涉及此类图表和图形时,在 Claude Code 或 Codex 中使用 power-bi-report-design-consultation skill。适用范围和限制来自该 skill 自己的文件。

适合场景

  • 需要多层级细节钻取能力和同比 / 环比对比的分析型报告。
  • 在现场查看的运营报告,其设计必须做移动端优化并以状态为驱动。
  • 以无障碍为导向的工作,包括屏幕阅读器支持和替代文本。

了解边界

  • 将密集矩阵、复杂散点图、多系列面积图或小型多图放在移动布局上——文件将这些列为对移动端有挑战的图表类型。
  • 仅通过红绿对比来编码含义;调色板必须对色盲友好。

需要提供的信息

  • 业务背景与报告目标在给出可视化建议之前,该 skill 会先询问业务问题、该报告支持的决策以及关键绩效指标。
  • 目标受众与使用场景谁阅读报告以及如何访问都很重要,因为高管型、分析型和运营型模式各不相同,且桌面、移动和演示访问方式会改变布局。
  • 数据描述与关键指标数据类型、体量、粒度、层级结构以及重要的对比或趋势,决定了图表选择这一步。
  • 技术约束与要求性能约束、预期负载、移动端需求以及与其他报告的集成,都会纳入技术要求清单。
  • 品牌规范与无障碍需求品牌色和颜色限制决定了调色板,而无障碍需求决定了对比度和非仅靠颜色编码的要求。

03 Skill 内部

power-bi-report-design-consultation Skill 给 Claude Code 和 Codex 的规则

SKILL.md 为 Agent 设定的 8 条具体指令、默认值与限制——文件中真正改变结果的部分。

  1. 文本对比度至少保持 4.5:1

    任何建议都必须满足文本至少 4.5:1 的对比度,同时兼容高对比度模式,并为屏幕阅读器提供替代文本。

  2. 饼图和环形图的类别数上限为 5 到 7

    饼图和环形图仅用于简单的构成关系展示;文件对其设置了 5 到 7 个扇区的硬性类别上限。

  3. 字体家族最多使用两种

    排版保持一致:整份报告最多使用两种字体家族,并按元素给出字号和字重区间,从报告标题的 20-24pt 到脚注的 9-10pt。

  4. 触控目标尺寸至少为 44px

    按钮导航和移动布局都必须遵守至少 44px 的触控交互目标尺寸。

  5. 标签导航最多保留七个标签

    标签导航用于相关内容区域和时间段,标签标注要清晰,最多七个标签,并有明确的激活状态。

  6. 绝不能仅靠颜色传达含义

    无障碍合规要求颜色不是唯一的信息载体,需要有图案和形状作为颜色编码的替代方案。

  7. 移动端应避免使用密集矩阵和表格

    移动端不适合的视觉元素会从移动端布局中排除;在移动端,文件倾向于使用卡片式视觉、简单条形图、少量数据点的折线图,以及大号 KPI 或仪表盘视觉。

  8. 应用固定语义色

    颜色承载既定含义:绿色 #2E8B57 表示正向或达标表现,红色 #DC143C 表示负向或未达标,蓝色 #4682B4 表示中性基础指标,橙色 #FF8C00 表示警告,灰色 #708090 表示未激活状态。

04 投入使用

在 Claude Code 或 Codex 中安装 power-bi-report-design-consultation

一条 npx skills add 命令,然后在你的 Agent 中执行第一个任务和对结果的清单检查。

将 power-bi-report-design-consultation 添加到 Claude Code、Codex 或你的 Agent

在你的项目中运行;安装程序会询问要把它添加到哪个 Agent。

Terminal
npx skills add https://github.com/github/awesome-copilot --skill power-bi-report-design-consultation

面向 skills/power-bi-report-design-consultation/SKILL.md 的通用 skills CLI 用法;该仓库可能记录了自己的路径。

给 Skill 分配第一个图表和图示任务

按 skill 自身的术语撰写;把括号中的部分换成你的内容。

Starter prompt
We need a quarterly sales dashboard in Power BI for our leadership team. The audience is executives, mostly viewed on desktop but also on mobile during meetings, and it has to meet our accessibility guidelines. The data is order-level with region, a product hierarchy, and monthly revenue against target. Recommend the chart type for each KPI, give us a page-by-page layout, and flag anything that will break on mobile.

来源:依据 SKILL.md,按 skill 自身的术语撰写。

检查首次结果

SKILL.md 本身如何描述正确的结果:

  • 运行视觉清晰度检查清单:层级结构、对比与可读性、合理的视觉流向、低认知负荷以及恰当的留白。
  • 确认无障碍合规性,包括屏幕阅读器兼容性、键盘导航、高对比度模式、替代文本以及色彩无关性。
  • 使用五个限时场景进行测试,包括 30 秒内定向、2 分钟内查找特定信息以及 5 分钟内进行移动端模拟。
  • 依据成功标准进行衡量:任务完成率高于 80%,获得洞察的时间低于 2 分钟,满意度高于 5 分之 4。
  • 执行质量保证:视觉准确性、跨浏览器交互测试、移动设备测试以及用户验收测试。

在 OpenDesign 中通过 SKILL.md 链接导入 power-bi-report-design-consultation:Plugins → Add → Skill → Import from link,然后在顶部栏中选择它。

05 开源、可追溯

来源、许可与验证

本页面事实的来源,以及最后检查时间。

Author
GitHub
Repository
github.com/github/awesome-copilot 分支 main
Skill 文件
skills/power-bi-report-design-consultation/SKILL.md 验证时记录的内容校验和;commit 1899b18
License
MIT 来自 LICENSE。
仓库星标数
38,981 GitHub 快照拍摄于 2026-09-14,针对整个 github/awesome-copilot 仓库,该仓库在此目录中包含 6 个 skills。不是 power-bi-report-design-consultation 的评分或使用次数。
已由 OpenDesign 验证
2026-09-14 已检查源文件、路径、许可文本和 star 数量。未内置在 OpenDesign 主程序(检查日期 2026-08-28);本页面未记录实际运行。

SKILL.md 内部

  1. 设计咨询框架在给出建议前需完成的业务、数据与技术需求检查清单。
  2. 图表选择方法论按对比、趋势、构成与分布分析归类的图表类型,以及面向受众的设计模式。
  3. 第一阶段:信息架构将关键指标按优先级下沉至筛选项,再置于页头与洞察布局中。
  4. 第二阶段:视觉设计规范语义色映射、无障碍与品牌规则,以及字号与字重刻度。
  5. 第三阶段:交互设计标签页、逐层钻取与按钮导航模式,以及切片器与筛选策略。
  6. 第四阶段:移动端与响应式设计移动优先的布局考量,以及哪些视觉适合移动端、哪些不适合。
  7. 设计质量检查清单发布前需勾选的视觉清晰度、功能设计与无障碍事项。
  8. 用户测试框架五个限时测试场景,附带完成率、洞察时间与满意度的数值化成功标准。
  9. 设计规范模板撰写格式:执行摘要、逐页视觉架构与交互设计。
  10. 实施指南四周开发优先级、质量保证检查清单,以及采纳率与获得洞察时间等成功指标。
Skill 自身的描述
"Power BI 报表可视化设计提示词,用于创建有效、用户友好且易于访问的报表,具备最佳的图表选择和布局设计。"

来自 SKILL.md 的 Front-matter 描述。完整文件约 10,891 个字符。在 GitHub 上阅读完整文件。

06 安装之前

关于 power-bi-report-design-consultation Skill 的常见问题

以下回答来自 2026-09-14 读取到的 SKILL.md,而非某次实际运行的记录。

这是专门绑定 Power BI 的,还是也能用于其他工具?

它被构建为一个 Power BI 报表可视化设计提示词,因此其词汇、视觉元素与交互模式均基于 Power BI。文件中未提及其他 BI 工具或集成方式。

Power BI Report Design Consultation

在真实的图表和图示任务上运行 power-bi-report-design-consultation。

下载 OpenDesign,从 SKILL.md 链接导入 power-bi-report-design-consultation,粘贴上方的提示词,并在查看结果之前阅读计划。

终端
npx skills add https://github.com/github/awesome-copilot --skill power-bi-report-design-consultation

OpenDesign 桌面客户端

一套设计系统,让每一次创作都保持品牌一致

在完整的 Vibe Design Workspace 中,用同一套品牌规则生成网页、PPT、可交互原型、数据看板、图像与 HTML 视频。连接本地 Codex、Claude Code、Cursor 等编程助手,即可免费创作。

  • 覆盖网页、PPT、原型、数据看板、图像与视频
  • 140+ 设计系统,以及完整模板与技能库
  • 连接本地 Codex 与 21+ 款编程助手 · 免费使用
免费下载

支持 macOS 与 Windows