Przejdź do treści
Biblioteka skilli
Dane i analityka · Budowanie i kod

make-dashboard

/make-dashboard

Zamienia dane w samodzielny dashboard HTML obok raportu lub w specyfikację dla narzędzia BI zespołu, gdy odpowiedź jest zbyt wielowymiarowa na zwykły tekst.

Licencja
MIT
Ostatnia zmiana repozytorium
22.10.2026

Ocena i bezpieczeństwo

100/ 100Klasa: dobry
Format25 / 25
Frontmatter z nazwą i opisem, poprawna nazwa, opis do 1024 znaków, nazwa zgodna z folderem.
Odkrywalność25 / 25
Opis mówi, kiedy użyć skilla, ma sensowną długość i jest w 3. osobie.
Treść35 / 35
Co najmniej 150 słów i do 500 linii, nagłówki, listy kroków, przykłady albo kod.
Higiena15 / 15
Bez zaślepek typu TODO, bez ścieżek Windows, z licencją.
Ryzykobrak sygnałów w skanie
Pliki w paczce
1
Skrypty
0
Komentarze HTML
0
Adresy URL w SKILL.md
0
Przestarzałość

Brak sygnałów. Repozytorium zmienione 22.10.2026, bez odwołań do wycofanych modeli i API.

Licencja

MIT, otwarta: można używać i zmieniać, z zachowaniem informacji o autorze.

Co robi i kiedy

Zamienia dane w samodzielny dashboard HTML obok raportu lub w specyfikację dla narzędzia BI zespołu, gdy odpowiedź jest zbyt wielowymiarowa na zwykły tekst.

Oryginalny opis (EN)

Turn data into a self-contained HTML dashboard beside its report, or a spec for the team's BI tool. Use when asked for a dashboard, chart or visual view, or when an answer is too multidimensional for prose.

Jak działa

  1. Procedure
  2. BI mode
  3. Rules
Sekcje z nagłówków SKILL.md, w oryginale · 46 linii, 337 słów
Podgląd SKILL.md
---
name: make-dashboard
description: Turn data into a self-contained HTML dashboard beside its report, or a spec for the team's BI tool. Use when asked for a dashboard, chart or visual view, or when an answer is too multidimensional for prose.
license: MIT
metadata:
  kind: workflow
  area: core
  needs: []
  optional: [warehouse-bi]
  writes: repo
  runs: person
---

# Make a dashboard

Dashboards here are single HTML files: inline CSS, an inlined `DATA` object,
and the tiny chart helper already inside the template. They open in any
browser with no build step, CDN, or platform dependency. That's the
contract; never break it by adding external references.

## Procedure

1. **Get the numbers right first.** Source everything from `data/` snapshots
   (pull fresh ones per AGENTS.md "Answering questions from data" if
   needed), interpreted through `data/ontology/`. A dashboard is a report, so
   the same "never invent a number" rule applies.
2. **Copy `reports/_templates/dashboard.html`** to the folder of the report
   it supports (`reports/qmr/<q>/`, `reports/recurring/<domain>/`, or
   `reports/adhoc/YYYY-MM-DD-<question>/`). A dashboard never lives alone;
   if there's no report yet, create one from `reports/_templates/report.md`.
3. **Fill it in**: title, date, the `DATA` object, and the render calls;
   the template documents its own helpers (`bigNumber`, `barChart`,
   `lineChart`, `table`) with examples. Apply `brand/tokens.json` colors if
   filled. Keep it to the few views that answer the question; a dashboard
   with twenty charts answers nothing. Then remove `data-example="replace"`
   from the `<html>` tag and the example line from the footer: the check
   refuses a dashboard that still carries the template's numbers.
4. **List sources**: the footer's data-sources line gets the exact snapshot
   paths used, same as a report's "Data used" section.

## BI mode

With a `warehouse-bi` integration wired (the Wired table in
`integrations/README.md`), also write a spec the team can build in its BI
tool: one section per dashboard in `memory/knowledge/dashboards.md`, created the first time and updated in place later.
Each section lists the metrics by their `data/ontology/metrics.md` names,
the filters (period, segment, channel), and for every metric the snapshot
and column it comes from today, so the warehouse model maps to the same
definitions. Never build in the BI tool itself: the spec is the proposal,
and a person builds it or approves it.

## Rules

- One file, no external requests: check you added no `<script src>`,
  `<link>`, or web-font references.
- Charts label their units and time ranges; deltas say what they're deltas
  against.

Wersje

W bazie nie ma innych skilli o nazwie make-dashboard.

Migawka bazy z 28.10.2026 · wersja paczki e1c57c52fab4 (skrót SHA-256 całej paczki)

Pobrania w ostatnich 30 dniach: 0 · ranking

Zgłoś problem z tym skillem: szkodliwa treść, błędny opis albo prośba autora o usunięcie.

Podobne skille

  • 100report-builder
    Buduje jednoplikowy raport lub dashboard HTML z danych w Pythonie, Jinja2, Bootstrap 5 i Chart.js lub Plotly.
  • 100interactive-dashboard-builder
    Buduje samodzielne interaktywne dashboardy HTML z Chart.js, filtrami rozwijanymi i profesjonalnym stylem, działające bez serwera i gotowe do udostępnienia.
  • 100portfolio-dashboard
    Generuje interaktywny dashboard HTML ze statusem całego portfela, dla szybkiego przeglądu danych w przeglądarce.
  • 91build-dashboard
    Buduje interaktywny dashboard HTML z wykresami, filtrami i tabelami: przegląd dla zarządu z kartami KPI, raport z wyników zapytań lub migawka monitoringu zespołu w jednym pliku.
  • 91build-dashboard
    Buduje interaktywny dashboard HTML z wykresami, filtrami i tabelami, np. z kartami KPI i wynikami zapytań.
  • 100lens-dashboard
    Projektuje i specyfikuje dashboard analityczny: określa pytanie każdego wykresu, pisze zapytania SQL, układ i częstotliwość odświeżania, tworząc kompletną specyfikację gotową do wdrożenia.

Uwagi i zgłoszenia

Wiadomość trafi do Bartosza Sokolińskiego. Adres e-mail jest potrzebny tylko do odpowiedzi. Szczegóły w polityce prywatności.