# Plan materiałów szkoleniowych — „Akademia Claude CFS" > Dokument roboczy do akceptacji. Właściciel: Jacek Szybicki. Data: 2026-07-14. > Powiązany z `CLAUDE.md` (§6 metodyka, §7 styl) i `Plan-wdrozenia-i-instrukcje.md`. > **Ustalenia z rozmowy:** format = interaktywny hub webowy · wideo = animacje HTML/SVG + opcja fal.ai · na start = plan całości (ten dokument). --- ## 1. Idea w jednym zdaniu Zamiast statycznego PDF/prezentacji budujemy **interaktywny hub webowy po polsku** — wewnętrzną „Akademię Claude CFS" — z bogatą grafiką (UI/UX), krótkimi lekcjami, animowanymi demami i (opcjonalnie) prawdziwym wideo. Hub jest **rusztowaniem szkoleniowym** dla całego wdrożenia: to on ustandaryzuje krok „Szkolenie" z metodyki dwóch workflow, tak by każda osoba dostała ten sam, wysokiej jakości start. **Ważne rozróżnienie:** hub nie zastępuje wdrożeń indywidualnych — wspiera je. Rdzeń projektu to nadal wywiad → workflow 1 (wspólnie) → szkolenie → workflow 2 (samodzielnie). Hub sprawia, że część „szkolenie" jest powtarzalna, ładna i samoobsługowa. --- ## 2. Dla kogo i jakie ograniczenia projektowe Odbiorcy: kadra zarządzająca i pracownicy biurowi wyższego szczebla CFS — **różny poziom obycia z technologią i angielskim.** Stąd zasady projektowe: - **Wszystko po polsku**, żargon tłumaczony (słowniczek: „prompt", „konektor", „MCP", „workflow" = rutyna). - **Krótkie lekcje** (3–7 min), jeden konkret na lekcję, dużo obrazu, mało tekstu. - **Pokaż, nie opowiadaj** — animacja/demo zamiast akapitu. - **Desktop-first** (praca biurowa), ale czytelne na tablecie. - **Dostępność:** duży font, wysoki kontrast, prosty język. - **Zgodność z regułami CFS:** materiały uczą m.in. reguły §2.1 (zgoda na narzędzia) i §2.2 (poufność/anonimizacja) jako osobny, obowiązkowy moduł. --- ## 3. Architektura hubu (mapa treści) Sześć poziomów. Poziomy 0–2 przechodzą **wszyscy**; poziom 3 to ścieżki wg roli; poziom 4 przygotowuje do „workflow 2" (samodzielnego); poziom 5 to zaplecze. ### Poziom 0 — Start - **Po co nam Claude** — 2-minutowe wprowadzenie: co to zmienia w codziennej pracy (bez marketingu, na przykładach CFS). - **Wybierz swoją ścieżkę** — role picker (5 kafli z rolami). ### Poziom 1 — Podstawy (dla wszystkich) - **M1. Pierwsze kroki** — aktywacja Claude/Cowork, interfejs, gdzie co jest. - **M2. Jak rozmawiać z Claude** — dobry prompt po polsku, kontekst, wrzucanie plików, iterowanie. - **M3. Bezpieczeństwo i poufność w CFS** *(obowiązkowy)* — reguła zgody na narzędzia (§2.1), anonimizacja i dane wrażliwe (§2.2), co wolno / czego nie. - **M4. Co to jest „workflow"** — definicja „rutyny", anatomia workflow (wyzwalacz → kroki → efekt). ### Poziom 2 — Narzędzia CFS (konektory) - **M5. Podłączone narzędzia** — Gmail, Kalendarz, Trello (cfs-trello), Dysk: co Claude może, jak prosi o zgodę. - **M6. Nasze serwery MCP** — cfs-forms (ankiety), smartinvoice *(z wyraźnym ostrzeżeniem: dane finansowe wrażliwe, operacje zmieniające tylko na polecenie)*, cfs-watch (monitoring konkurencji — planowany). - **M7. Dawanie dostępu w praktyce** — jak wygląda prośba o zgodę i logowanie per osoba (spójne z `Onboarding-Cowork.md`). ### Poziom 3 — Ścieżki wg roli (przykładowe workflow) Każda ścieżka: 1–2 realistyczne workflow „szyte" pod rolę + krótki brief „od czego zacząć". (Przykłady poglądowe — doprecyzujemy po wywiadach.) | Rola | Osoba | Przykładowe workflow | |---|---|---| | Prezes (CEO) | Konrad Bąbliński | poranny briefing, synteza wątków/raportów przed decyzją | | Dyr. Operacyjny | Marcin Remiszewski | cotygodniowy przegląd Trello, podsumowania statusu projektów | | Kier. Administracji | Katarzyna Księżak-Lis | ankiety (cfs-forms), porządkowanie kalendarza, szablony pism | | Magazynier / zaopatrzenie | Piotr Zondej | przegląd faktur i płatności (smartinvoice, odczyt), zestawienia dostawców | | Dyr. Handlowy | Filip Fuks | briefy o klientach (research web), monitoring konkurencji (cfs-watch) | > Uwaga procesowa: Filip Fuks **najpierw aktywuje Claude** — jego ścieżka zaczyna się od „kroku 0". ### Poziom 4 — Zbuduj własne workflow (przygotowanie do „workflow 2") - **M8. Rozłóż rutynę na kroki** — jak z „bólu" zrobić workflow. - **M9. Zapisz i iteruj** — jak utrwalić prompt, poprawiać, zaplanować cyklicznie (scheduled task / pulpit). - **M10. Częste błędy i jak ich uniknąć.** - **Szablon workflow** do pobrania + interaktywny „kreator". ### Poziom 5 — Zaplecze - **Słowniczek** (PL), **FAQ**, **Kontakt/wsparcie** (Jacek), lista materiałów źródłowych. --- ## 4. UI/UX — jak to ma wyglądać i działać **Charakter:** nowoczesny, czysty, „tech + ruch/flow" (nawiązanie do domeny parkingowej: przepływ, bramki, płynność). Spójny z brandingiem CFS — kolory i logo do pobrania ze strony/materiałów firmy (za zgodą). **Kluczowe komponenty interfejsu:** - **Kafle modułów** z paskiem postępu i statusem („do zrobienia / w toku / ukończone"). - **Karty ról** na stronie startowej (role picker) — po kliknięciu filtrują treść. - **Lekcja** = krótki tekst + osadzone animowane demo + „spróbuj sam" (gotowy prompt do skopiowania). - **Checklisty** i mikro-quizy (sprawdzenie zrozumienia, bez oceniania). - **Subtelny motion** — płynne przejścia, animacje pojawiania, „grające" demo. **Postęp i stan:** zapamiętywany lokalnie w przeglądarce (bez logowania, bez wysyłania danych) — prostota i zero kwestii poufności. **Technologia:** samodzielne pliki HTML (jedna „strona" hubu = jeden plik, zero zależności zewnętrznych poza dozwolonymi CDN). Na start otwierane lokalnie; docelowo hosting (patrz §7). --- ## 5. Strategia wideo i animacji (3 warstwy) Świadomie łączymy trzy warstwy, bo każda jest dobra do czego innego: **Warstwa 1 — Animowane explainery (HTML/SVG/CSS).** Buduję je bezpośrednio w hubie; „grają" w przeglądarce jak film. Idealne do pokazania *koncepcji*: jak wygląda dobra rozmowa z Claude, przepływ zgody na narzędzie, anatomia workflow. Zero kosztów, zero nagrywania, pełna spójność ze stylem, łatwe poprawki. **To domyślna warstwa.** **Warstwa 2 — Prawdziwe wideo generatywne (fal.ai).** Krótkie, efektowne klipy: intro do hubu, animowane hasło/logo, klimatyczne „przerywniki". fal.ai daje modele text-to-video / image-to-video. - **Wymagania:** klucz API (konfigurujemy bezpiecznie — Secret Manager/konfiguracja, **nie** w `CLAUDE.md` ani w pamięci, zgodnie z §5.1), wybór modelu i ustalenie budżetu (generacja jest płatna per klip). - **Uczciwe ograniczenie:** wideo generatywne **nie odtworzy wiernie interfejsu Claude** — do pokazania konkretnych klików lepszy jest screencast (warstwa 3). fal.ai świetnie sprawdzi się do warstwy „wizualnej/marketingowej", nie instruktażowej. **Warstwa 3 — Screencasty realnego UI.** Nagrania prawdziwego ekranu Claude/Cowork. Ja przygotowuję **skrypty i storyboardy** (scena po scenie, tekst lektora, co pokazać); nagrywa osoba z zespołu. Najlepsze do „pokaż mi dokładnie, gdzie kliknąć". **Rekomendacja doboru:** koncepcje → warstwa 1; efektowne intro/akcenty → warstwa 2 (fal.ai, jeśli budżet OK); instruktaż „krok po kroku w UI" → warstwa 3. --- ## 6. Fazy produkcji (do 30.09.2026) | Faza | Termin | Zakres | Efekt | |---|---|---|---| | **A. Fundament** | lipiec | ten plan → **design system** (kolory, typografia, komponenty) → **prototyp 1 modułu** (np. M3 Bezpieczeństwo) | akceptacja stylu i UX | | **B. Rdzeń** | sierpień | Poziomy 0–2 (M1–M7) + animowane explainery (warstwa 1); pilotaż fal.ai na 1 klipie intro | działający hub „dla wszystkich" | | **C. Role i samodzielność** | wrzesień | Poziom 3 (ścieżki 5 ról) + Poziom 4 (kreator workflow) + Poziom 5 (słowniczek/FAQ) + screencasty | pełny hub, gotowy przed 30.09 | | **Testy i poprawki** | koniec IX | test z 1–2 osobami, korekty | wersja do użycia we wdrożeniach | Kolejność jest celowa: **najpierw fundament i styl** (żebyś zaakceptował kierunek, zanim powstanie dużo treści), potem masowa produkcja. --- ## 7. Decyzje do podjęcia (potrzebuję od Ciebie) 1. **Branding.** Czy mogę pobrać kolory/logo/fonty ze strony carflowsystem.pl i materiałów firmy, żeby hub był spójny wizualnie? (Research web jest dozwolony wg §5, ale wolę potwierdzić.) 2. **Hosting docelowy.** Lokalny plik dla każdej osoby, czy hosting (np. ten sam Cloud Run/UE co serwery MCP), żeby był jeden link dla wszystkich? 3. **fal.ai.** Czy wchodzimy w warstwę 2 od razu? Jeśli tak — ustalmy budżet i moment przekazania klucza (bezpiecznym kanałem). 4. **Ścieżki wg ról.** Robimy je pod 5 konkretnych osób, czy pod *typy* ról (bardziej skalowalne na przyszłych pracowników)? 5. **Prototyp.** Który moduł zrobić jako pierwszy pokaz stylu — proponuję **M3 „Bezpieczeństwo i poufność"** (najważniejszy dla firmy i dobrze pokazuje UI). --- ## 8. Zgodność z zasadami CFS (samokontrola) - **§2.1 (zgoda na narzędzia):** budowa hubu nie sięga do konektorów. Materiały *uczą* zasady zgody. - **§2.2 (poufność):** hub nie zawiera danych wrażliwych; przykłady workflow są ogólne/anonimizowane. Postęp trzymany lokalnie w przeglądarce. - **§5.1 (sekrety):** klucz fal.ai i tokeny — poza `CLAUDE.md` i pamięcią. - **§7 (styl):** wszystko po polsku, półformalnie, zwięźle.