Toolverse
Wszystkie skille

dashboard-creator

autor: mhattingpete

Twórz interaktywne dashboardy HTML z kartami KPI, wykresami i wskaźnikami postępu

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
DevOps
Wyświetlenia
124

O skillu

Umiejętność do generowania profesjonalnych dashboardów HTML z metrykami biznesowymi. Twórz karty KPI z wartościami i trendami, wykresy słupkowe, kołowe i liniowe, paski postępu oraz tabele danych. Idealna do wizualizacji analityki, monitorowania wydajności i prezentacji wskaźników biznesowych. Komponenty budowane są z HTML, CSS i SVG, gotowe do natychmiastowego użytku w przeglądarce.

Jak używać

  1. Zainstaluj umiejętność dashboard-creator w swoim środowisku Claude lub Copilot, dodając ją do dostępnych narzędzi.

  2. Poproś o dashboard, używając naturalnego języka, np. "Utwórz dashboard dla przychodów i konwersji" lub "Pokaż wizualizację KPI wydajności".

  3. Umiejętność wygeneruje kod HTML zawierający strukturę dashboardu z sekcjami dla kart KPI, wykresów i wskaźników. Kod będzie zawierać preformatowane style CSS dla karty, wartości metryki, trendy (wzrost/spadek) i kolory.

  4. Karty KPI będą wyświetlać nazwę metryki, wartość liczbową i zmianę procentową z ikoną trendu (strzałka w górę dla wzrostu, w dół dla spadku).

  5. Wykresy będą generowane jako SVG (słupki, linie lub koła) z danymi odpowiadającymi Twoim metrykom. Każdy wykres będzie skalowany do kontenera i gotowy do osadzenia.

  6. Skopiuj wygenerowany kod HTML do pliku .html, otwórz go w przeglądarce i dostosuj kolory, dane lub layout według potrzeb.

Podobne skille