# designing-boards-and-views

> Claude/Codex skill by [@gopigment](https://omgskills.com/library/gopigment/index.md) · 23 stars · Updated 2026-10-23

Execution skill. Use when creating or editing a Board, a dashboard, or a View -- board sections and layout on the 12-column grid, widgets and their sizing (KPI, chart, grid, text, spacer, action button), board page selectors and their defaults, view pivots (rows / columns / pages), breaking down by or per a dimension, filters, sorts, totals, chart type and configuration, cell formatting, and draft views.

## Install

```sh
git clone https://github.com/gopigment/ai-plugins /tmp/ai-plugins && ln -s /tmp/ai-plugins/skills/designing-boards-and-views ~/.claude/skills/designing-boards-and-views
```

## From README

Designing Boards and Views A Board is a dashboard made of widgets laid out on a 12-column grid. It describes what is displayed, never how it is calculated. Design it after modeling is done. A View is how a Block (Metric, List, Table) is displayed: values, pivots, filters, sorts, aggregation. One Block carries many Views, and every data widget on a Board points at one. Number formatting (decimals, currency, percent, K/M scaling) is set on the Metric, not the View: load skill:formatting-and-highlighting. Totals, subtotals and non-default aggregators are in skill:aggregating-view-data -- load it as soon as a widget must show a total, or a line whose value divides one metric by another. Never create Views on sublists.

## Links

- HTML page: https://omgskills.com/library/gopigment/ai-plugins/skills/designing-boards-and-views/
- GitHub: https://github.com/gopigment/ai-plugins
- Author: [@gopigment](https://omgskills.com/library/gopigment/index.md)

## More from this repo

- [aggregating-view-data](https://omgskills.com/library/gopigment/ai-plugins/skills/aggregating-view-data/index.md) — Execution skill.
   - [@gopigment](https://omgskills.com/library/gopigment/index.md) · 23 stars
- [architecting-multi-application-solutions](https://omgskills.com/library/gopigment/ai-plugins/skills/architecting-multi-application-solutions/index.md) — Planning skill.
   - [@gopigment](https://omgskills.com/library/gopigment/index.md) · 23 stars
- [auditing-a-pigment-application](https://omgskills.com/library/gopigment/ai-plugins/skills/auditing-a-pigment-application/index.md) — Execution skill.
   - [@gopigment](https://omgskills.com/library/gopigment/index.md) · 23 stars