vchart-development-assistant

Umiejętność dla Claude'a, Codexa lub Copilota, która pomaga w rozwoju wykresów za pomocą biblioteki VChart 2.0.0+. Generuj konfiguracje dla wykresów słupkowych, liniowych, kołowych i innych typów. Diagnozuj problemy takie jak brak wyświetlania lub niefunkcjonujące zdarzenia. Odtwarzaj style wykresów z zrzutów ekranu lub projektów Figmy. Implementuj interakcje: kliknięcia, dynamiczne aktualizacje danych, podświetlanie powiązanych elementów, eksport obrazów i przełączanie motywów. Obsługuje zarówno natywny JavaScript, jak i React-VChart.

1. Zainstaluj umiejętność w swoim środowisku Claude'a, Codexa lub Copilota, wskazując repozytorium https://github.com/VisActor/VChart/tree/develop/skills/vchart-development-assistant. 2. Opisz swoje zadanie związane z wykresami – czy to generowanie nowego wykresu, naprawa istniejącego problemu, czy odtwarzanie wyglądu z projektu. Jeśli to możliwe, podaj techniczny stos (JavaScript czy React-VChart) oraz przykładowe dane lub bieżący kod. 3. Asystent automatycznie rozpozna scenariusz (generowanie, diagnostyka, inkrementalne zmiany) i zaproponuje rozwiązanie na podstawie strukturalnej bazy wiedzy VChart, w tym mapowania intencji na opcje konfiguracji i metadane typów. 4. Przejrzyj wygenerowaną konfigurację spec – asystent proaktywnie wskaże potencjalne problemy, takie jak błędy mapowania pól danych, zanim zaproponujesz kod. 5. Jeśli napotkasz błędy lub chcesz zmienić wygląd, podziel się szczegółami (zrzut ekranu, komunikat błędu, oczekiwany efekt), a asystent przełączy się w tryb diagnostyki i dostarczy przyrostowe poprawki. 6. W razie potrzeby bardziej szczegółowych informacji o konfiguracji lub wprowadzeniu zapoznaj się z oficjalnym poradnikiem: https://www.visactor.io/vchart/guide/tutorial_docs/Getting_Started.