architecture-diagram-creator

Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users request system architecture, project documentation, high-level overviews, or technical specifications.

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").