architecture-diagram-creator

Umiejętność do tworzenia kompleksowych diagramów architektury w formacie HTML. Wizualizujesz kontekst biznesowy, przepływy danych, potoki przetwarzania, warstwy systemowe, wymagania funkcjonalne i schemat wdrażania. Idealna do dokumentacji projektów, przeglądu wysokopoziomowego i specyfikacji technicznych. Diagram generuje się automatycznie z podziałem na sekcje biznesową, przepływów, przetwarzania i infrastruktury.

1. Zainstaluj umiejętność w swoim środowisku Claude lub Copilot, dodając plik architecture-diagram-creator do katalogu skills.
2. Opisz swój projekt lub system, który chcesz udokumentować — podaj nazwę projektu, główne komponenty i cele biznesowe.
3. Poproś o diagram architektury, używając frazy: "Utwórz diagram architektury dla [nazwa projektu]" lub "Wygeneruj przegląd wysokopoziomowy".
4. Umiejętność wygeneruje plik HTML zawierający sekcje: kontekst biznesowy (cele, użytkownicy, metryki), diagram przepływu danych (źródła → przetwarzanie → wyniki), potok przetwarzania wieloetapowego, warstwy systemowe (dane, przetwarzanie, usługi, wyjście) oraz wymagania funkcjonalne i niefunkcjonalne.
5. Otwórz wygenerowany plik HTML w przeglądarce — diagram wyświetli się z kolorami semantycznymi (niebieski dla danych, pomarańczowy dla przetwarzania, fioletowy dla AI, zielony dla sukcesu).
6. Dostosuj diagram, edytując plik HTML bezpośrednio lub prosząc umiejętność o modyfikacje konkretnych sekcji (np. "Dodaj bazę danych do warstwy danych").