一组完全由 DAX 构建的自定义 Power BI 可视化 返回 HTML/CSS 或 SVG — KPI 卡、计量表、甜甜圈、自定义条形图/列图， 条件格式状态徽章、类别卡片网格、趋势线和动态 叙述文本。不需要付费定制视觉（大多数通过免费渲染 HTML 内容 可视化，或 Power BI 原生图片 URL 数据类别）。

这个仓库还能作为Claude技能（powerbi-html-visuals/）使用，所以你可以拥有 Claude 按需生成适合你模型的 DAX。

克劳德技能：powerbi-html-visuals

powerbi-html-visuals/ 文件夹是一个独立的 Claude 技能。它的任务是 写HTML/CSS/DAX代码为你描述的可视化——它不会构建 你在 Power BI 里的可视化。你把生成的测量值粘贴到可视化中 你自己。

安装

Claude桌面 / Claude.ai（技能）

1. 下载这个仓库（绿色 Code → Download ZIP 按钮）并解压。
2. 重新压缩仅powerbi-html-visuals文件夹，使归档包含 powerbi-html-visuals/SKILL.md 从根本开始。
3. 在Claude中，进入设置→能力→技能，上传该压缩包。

克洛德代码

Power-BI-Visuals-Using-Claude-AI-HTML-DAX

A collection of custom Power BI visuals built entirely from DAX measures that return HTML/CSS or SVG — KPI cards, gauges, donuts, custom bar/column charts, conditional-format status badges, category card grids, trend lines, and dynamic narrative text. No paid custom visuals required (most render through the free HTML Content visual, or Power BI’s native Image URL data category).

The repo doubles as a Claude skill (powerbi-html-visuals/) so you can have Claude generate the right DAX for your own model on demand.

Claude Skill: powerbi-html-visuals

The powerbi-html-visuals/ folder is a self-contained Claude skill. Its job is to write the HTML/CSS/DAX code for a visual you describe — it does not build the visual inside Power BI for you. You paste the generated measure into a visual yourself.

Install

Claude Desktop / Claude.ai (Skills)

1. Download this repo (green Code → Download ZIP button) and unzip it.
2. Re-zip just the powerbi-html-visuals folder so the archive contains powerbi-html-visuals/SKILL.md at its root.
3. In Claude, go to Settings → Capabilities → Skills and upload that zip.

Claude Code

Copy (or symlink) the powerbi-html-visuals folder into a skills directory:

• ~/.claude/skills/powerbi-html-visuals/ — available in every project, or
• .claude/skills/powerbi-html-visuals/ — scoped to a single project.

The folder must contain SKILL.md directly inside it. Restart/reload so Claude Code picks it up.

How to use it

1. Tell Claude the kind of visual you want — by name (“KPI card with a target”, “100% stacked bar”, “status badge”) or by intent (“progress to target”, “compare two groups”, “color-code this column”). This is required — it’s how the skill knows which code to write.
2. Give it your model details when asked — the measure/column names, dimensions, and any thresholds it needs to bind to.
3. Get back a ready-to-use DAX measure plus short instructions on which visual to drop it into and how to bind it.
4. In Power BI, create the measure, add the target visual, and assign the measure:
   • Full-canvas cards (KPI cards, donuts, charts, grids) need the free HTML Content visual by Daniel Marsh-Patrick. Add it from AppSource — in Power BI Desktop, go to the Visualizations pane → … (Get more visuals) → search “HTML Content” → Add. Then drop the visual on the canvas and put the measure in its field well.
   • Conditional-format badges need no custom visual — add the measure to a table/matrix column and set its Data category to Image URL.

That’s it — Claude handles the DAX/HTML; you place it in the report.