skills.rest
cdrguru
cdrguruCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

powerbi-mockup-builder

Map HTML, Figma, or image mockups to PBIP report artifacts.

1|Updated Dec 21, 2025
Search Tags:#dashboard#data-visualization#mockup#semantic-model#powerbi#pbip
One-click install
npx skills add https://github.com/cdrguru/portable-agent-kit --skill powerbi-mockup-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: powerbi-mockup-builder
Source: https://github.com/cdrguru/portable-agent-kit/tree/main/.codex/skills/powerbi-mockup-builder
Command: npx skills add https://github.com/cdrguru/portable-agent-kit --skill powerbi-mockup-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Turn UI mockups into a functional PBIP-powered Power BI report by aligning visuals with the semantic model and ensuring the necessary measures are present.

Core Features & Use Cases

  • Mockup-to-PBIP mapping: translate HTML, Figma, or image mockups into a consistent PBIP page spec.
  • Artifact updates: modify the PBIP .Report and .SemanticModel to reflect the mockup design and data model.
  • Safe, incremental changes: add measures, adjust tables, and validate visuals without breaking existing reports.
  • Use Case: imagine updating a dashboard to reflect a new UI concept by mapping new visuals to existing tables and adding the required KPI measures.

Quick Start

Locate artifacts and mockups, read the semantic model, convert mockups into a page spec, add required measures, and implement PBIP changes.

Frequently Asked Questions about powerbi-mockup-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a UI mockup into a Power BI report?▼

To convert a UI mockup into a Power BI report, you map the mockup visuals to the PBIP semantic model, add required measures, and update the .Report and .SemanticModel artifacts incrementally without breaking existing reports.

Can I use Figma or HTML mockups to build a Power BI PBIP report?▼

Yes, you can use Figma, HTML, or image mockups to build a Power BI PBIP report. The process translates these mockup designs into a consistent PBIP page spec and aligns them with the existing data model.

What is the best way to update a Power BI dashboard with a new UI concept?▼

The best way to update a Power BI dashboard with a new UI concept is to map the new visuals to existing semantic model tables, add the necessary KPI measures, and apply safe incremental changes to the PBIP artifacts.

Do I need an existing semantic model to generate Power BI visuals from an image?▼

Yes, you need an existing semantic model. The process requires reading the semantic model to validate consistency, ensuring that any new visuals and measures generated from the image mockup align correctly with your data.

How does mockup-to-PBIP mapping handle changes to the semantic model?▼

Mockup-to-PBIP mapping handles semantic model changes by adding required measures and adjusting tables safely. It validates visual consistency against the data model before applying updates to the PBIP .Report and .SemanticModel artifacts.

What are the limitations of updating PBIP artifacts from a mockup?▼

A key limitation is that you must correctly locate the PBIP root and related artifacts first. The process also focuses on safe, incremental changes, meaning complex structural overhauls outside the mockup's mapped page spec are not automatically handled.

Related Skills

Explore More Data & Analytics Skills→
matteotittamatteotitta
29

figma-to-prototype

Convert Figma design mockups into HTML or React prototypes.

Community
Advanced
rritecrritec
3

fabriciq

Answer natural-language questions about Power BI report data by querying semantic models.

Community
Advanced
marcelodfelmanmarcelodfelman

Power BI DAX

Write, execute, and optimize DAX queries for Power BI semantic models.

Community
Advanced
bcastelinobcastelino

visual-selector

Determine the best Power BI visual type from query measures and dimensions.

Community
Intermediate