Sigma HTML Benchmark
A Claude skill for the start of a Sigma build. It asks about the reader, metrics and pages one question at a time, then designs every page as an HTML mockup that Sigma can actually reproduce.
Runs in your own Claude account
What it does
- 1Interviews you one question at a time: who reads the workbook, what they decide, how each metric is defined, filters, actions and access.
- 2Profiles the source data and pulls real values for every number the mockup will show.
- 3Maps each element to a native Sigma element: KPI, chart, table, pivot, control, input table or container.
- 4Lays each page out as HTML on a 24-column grid at the client screen width, with a build sheet of element types, positions and formulas.
- 5Renders the mockup, fixes clipping and spacing, and gets your agreement before handing off to the build.
What it needs
- Read access to the source tables, or a sample extract with real values.
- Who will use the workbook and the decisions they make with it.
- Any brand, existing workbook or client terminology to match.
Prompts to try
- “Design a sales performance dashboard in Sigma for our regional managers.”
- “Before we build anything, mock up a weekly operations workbook from these Snowflake tables.”
- “Redesign this Sigma workbook as an HTML benchmark. Keep the calculations and labels exactly as they are.”
What you get back: One HTML file with a section per Sigma page, a build sheet for each page, and a list of assumptions and anything Sigma cannot build natively.
How to install it
- Claude on the web or desktop
- Download the .zip. In Claude, open Settings, find Skills under Capabilities, and upload the file. Then ask Claude one of the prompts above.
- Claude Code
- Unzip the folder into ~/.claude/skills/ so the file sits at ~/.claude/skills/sigma-html-benchmark/SKILL.md. Claude Code picks it up in the next session.
- Read it first
- The skill is a plain text file of instructions. Open SKILL.md to see exactly what it tells Claude to do before you install it.
- Change it
- Edit the definitions or the output format to match how your team counts things. It is yours to adapt.
Common questions
Why design in HTML instead of building straight in Sigma?
Moving a chart or rewording a title takes a minute in HTML and much longer in a Sigma workbook. Agreeing on the design first means the build is done once.
Will the mockup include things Sigma cannot do?
No. The skill only designs with native Sigma elements and flags anything requested that has no Sigma equivalent, with the closest alternative.
Does it change my metric definitions?
No. It keeps your calculations and terminology as written and flags anything that looks wrong for you to decide.
Want Claude connected to your own data?
We set up read-only access to Snowflake, the curated tables Claude should use, and checks so the answers match your reports.