# Data Dashboards

Build a fast, good-looking page: a data dashboard, or any page made with show_html (a...

- Repository: https://github.com/milind-soni/OpenMausBot (10439 stars)
- Category: Design
- License: Apache-2.0
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add milind-soni/OpenMausBot --skill data-dashboards -g -a claude-code -y`
Codex: `npx skills add milind-soni/OpenMausBot --skill data-dashboards -g -a codex -y`
Cursor: `npx skills add milind-soni/OpenMausBot --skill data-dashboards -g -a cursor -y`
Gemini CLI: `npx skills add milind-soni/OpenMausBot --skill data-dashboards -g -a gemini-cli -y`

## Description

Build a fast, good-looking page: a data dashboard, or any page made with show_html (a landing page, a pricing page, a tool), in this chat or at a public link with publish_page. Use when the person asks for a dashboard, charts or KPIs on a page, a page or mock-up to look at, or a data page to share or keep up to date.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Data dashboards and pages

A page made with `show_html` shows in the chat as one card. The person watches it appear, steps back through
its versions, opens it full screen, shares it at a public link, and points at a part to change: their next
message then says what they pointed at (a tag, its text, a CSS selector and a bit of its HTML). Change exactly
that with `show_html` and the page's `app_id`; the same card refreshes.

## Pick the right home

| The person wants | Build |
|---|---|
| A quick answer or one chart | No page. Use the Data tools (`data_sql`, `data_show`) or a markdown table. |
| A small summary to look at here | A chat page (`show_html`) with pre-aggregated rows embedded as CSV. |
| To explore bigger data, or a link to share | Query with the Data tools, export the slice with `data_export` (`format: "parquet"`) into a folder beside `index.html`, show the folder in the chat with `show_html` `path`, and `publish_page` it when the person wants a link: the same card gains it. |
| "Keep it up to date" | The shared page, plus a schedule (`trigger`, `action=create`, `when=schedule`) whose instructions re-run the export, set `CONFIG.updated`, and publish the same folder again. Publishing the same path keeps the same link. |

Publish only when the person asks to share. A published page is public: never put secrets, personal details or rows they didn't ask to share in it.

## Start from the template

`dashboard.html` sits next to this guide, in the folder named by this skill's `root`. It is tested in the chat
sandbox and on published pages, in light and dark, at phone and desktop widths. Copy it to your working folder as
`index.html` (a small chat page sends its text as `html`; a folder page is shown with `path`) and change only what the
data needs:

The rest: https://github.com/milind-soni/OpenMausBot/blob/HEAD/skills/data-dashboards/SKILL.md