powerbi-custom-visualslisted

# Authoring Power BI custom visuals end-to-end Author a TypeScript Power BI custom visual, package it as `.pbiviz`, and embed it in a PBIR report so Power BI Desktop loads it on open. Three CLI commands plus the `powerbi-visuals-tools` SDK do the work; this skill drives Claude through the iteration loop. ## Toolchain | Tool | Role | |---|---| | `pbiviz` (`powerbi-visuals-tools`) | Scaffolds, type-checks, packages | | `pbi-agent visual import-custom` | Copies `.pbiviz` into `RegisteredResources/`, registers in `report.json` | | `pbi-agent visual list-custom` | Shows what's currently registered (embedded + public) | | `pbi-agent visual remove-custom` | Removes registration + on-disk `.pbiviz` | ## First-run setup (with user consent) Confirm the user is on a machine that can run Node before installing anything. ```bash node --version # need 18+ ; if missing, ask before installing npm --version npm install -g powerbi-visuals-tools pbiviz --version ``` Pin SDK packages to known-good versions inside the visual project: - `powerbi-visuals-tools` matching the global pbiviz - `powerbi-visuals-api` matching the `apiVersion` in `pbiviz.json` ## Scaffold Always create the visual project as a **sibling of the `.pbip`**, never inside the `.Report` or `.SemanticModel` folders — Power BI Desktop will reject contaminated PBIR folders. ```text MyProject.pbip MyProject.Report/ MyProject.SemanticModel/ mygaugevisual/ ← scaffolded here ``` ```bash pbiviz new mygaugevi