interactive-dashboard-builder
Twórz interaktywne dashboardy HTML bez serwera – z wykresami, filtrami i profesjonalnym designem
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność do budowania samodzielnych dashboardów HTML z biblioteką Chart.js, interaktywnymi filtrami dropdown i gotowym stylem. Generuj raporty i wykresy, które działają w przeglądarce bez konieczności uruchamiania serwera. Idealne do tworzenia udostępnialnych wizualizacji danych, monitorowania metryk KPI i budowania profesjonalnych raportów analitycznych.
Jak używać
Zainstaluj umiejętność w swoim środowisku Claude/Copilot, wskazując repozytorium anthropics/knowledge-work-plugins i ścieżkę data/skills/interactive-dashboard-builder.
Przygotuj dane, które chcesz wizualizować – mogą to być dane CSV, JSON lub liczby przekazane bezpośrednio w prośbie do asystenta.
Poproś asystenta o wygenerowanie dashboarda, opisując: jakie wykresy chcesz (słupkowe, liniowe, kołowe), jakie filtry dropdown są potrzebne (np. filtr po dacie, kategorii, regionie) i jakie KPI powinny być wyświetlone na górze.
Asystent wygeneruje kompletny plik HTML zawierający szablon z Chart.js, wbudowanymi stylami CSS i kodem JavaScript obsługującym filtry – wszystko w jednym pliku.
Pobierz wygenerowany plik HTML i otwórz go w przeglądarce internetowej – dashboard będzie w pełni funkcjonalny bez potrzeby serwera.
Jeśli chcesz udostępnić dashboard innym, wyślij im plik HTML – będą mogli go otworzyć bezpośrednio w przeglądarce na dowolnym urządzeniu.