Hooki, Headless i Pełny Workflow Vibecodingu

Ostatnia skrzynia skarbów, @name! Poznasz hooki, tryb headless do automatyzacji i złożysz wszystko w kompletny workflow vibecodingu z Claude Code. Po tym ćwiczeniu jesteś gotowym kapitanem AI. 🏴‍☠️🎉

Hooki (hooks) - automatyczne akcje

Hooki to komendy shell, które uruchamiają się automatycznie przy określonych zdarzeniach w Claude Code. To jak załoga, która sama reaguje na sygnały: gdy Claude coś zmieni, hook od razu robi swoje.

Zdarzenia, na które reagują hooki

• PreToolUse

  - przed użyciem narzędzia przez Claude

• PostToolUse

  - po użyciu narzędzia (np. po edycji pliku)

• Stop

  - gdy Claude kończy odpowiedź

• SessionStart

  - na początku sesji

Gdzie się je konfiguruje?

Hooki definiujesz w pliku

.claude/settings.json

. Przykład: uruchom prettier po każdej edycji pliku, żeby kod był zawsze sformatowany:

1// .claude/settings.json
2{
3  "hooks": {
4    "PostToolUse": [
5      {
6        "matcher": "Edit",
7        "hooks": [
8          {
9            "type": "command",
10            "command": "npx prettier --write ."
11          }
12        ]
13      }
14    ]
15  }
16}

Hookiem możesz też blokować edycje chronionych ścieżek albo uruchamiać testy po zmianach. To Twój automatyczny pierwszy oficer, który pilnuje porządku na pokładzie.

Tryb headless i CI/CD

Tryb headless to Claude Code działający bez interaktywnej sesji - idealny do automatyzacji. Sercem jest flaga

-p

połączona z

--output-format json

:

1# Headless: odpowiedź jako ustrukturyzowany JSON
2claude -p "Wypisz wszystkie funkcje eksportowane z @src/utils.ts" \
3  --output-format json

Taki wynik łatwo przetworzyć w skryptach i pipeline'ach. W połączeniu z gotową integracją GitHub Actions pozwala to budować w pełni automatyczne procesy - recenzje PR-ów, generowanie zmian, raporty.

Integracje z edytorami

Claude Code nie żyje tylko w terminalu:

• VS Code - oficjalne rozszerzenie
• JetBrains - oficjalne rozszerzenie
• Desktop i web - claude.ai/code

Dzięki temu możesz korzystać z mocy agentowego CLI bez opuszczania ulubionego środowiska.

Kompletny workflow vibecodingu z Claude Code

Połączmy teraz wszystko, czego nauczyłeś się w tym module, w jeden płynny proces:

Krok 1: Przygotuj projekt

1# W sesji claude wygeneruj pamięć projektu
2/init

Powstaje CLAUDE.md, który Claude wczyta w każdej kolejnej sesji.

Krok 2: Opisz funkcję (tryb planowania dla dużych zmian)

1claude --permission-mode plan "Dodaj system komentarzy do postów"

Claude bada projekt i przedstawia plan. Akceptujesz go.

Krok 3: Claude implementuje

Claude sam czyta i edytuje pliki oraz uruchamia testy. Ty obserwujesz i podpowiadasz.

Krok 4: Recenzja i iteracja

1# Zrecenzuj wprowadzone zmiany
2git diff | claude -p "Zrecenzuj te zmiany przed commitem"

Poprawiasz, co trzeba, i powtarzasz cykl.

Krok 5: Wzmocnij projekt zaawansowanymi funkcjami

• Hooki - dodaj automatyczne formatowanie (prettier po każdej edycji)
• Subagenci - oddeleguj recenzję do

  code-reviewer

  (

  /agents

  )
• MCP - podłącz swoje narzędzia, np. GitHub czy Sentry (

  /mcp

  )
• Skille - zapakuj powtarzalne workflow w

  /<nazwa-skilla>

Cała mapa Claude Code - ściąga

| Element | Jak użyć | |---------|----------| | Instalacja |

npm install -g @anthropic-ai/claude-code

| | Start |

claude

(interaktywnie) lub

claude -p "..."

(skrypt) | | Pliki |

@plik

w treści, lub

cat plik \| claude -p "..."

| | Model |

/model

lub

--model sonnet

| | Pamięć |

CLAUDE.md

(generuj przez

/init

) | | Planowanie |

Shift+Tab

lub

--permission-mode plan

| | Subagenci |

.claude/agents/

, komenda

/agents

| | Skille |

/<nazwa-skilla>

| | MCP |

claude mcp add

, komenda

/mcp

| | Hooki |

.claude/settings.json

| | Kontekst |

/clear

,

/compact

,

/cost

|

Podsumowanie końcowe 🎓🎉

Gratulacje, @name! Ukończyłeś cały kurs Vibecoding i opanowałeś Claude Code!

W tym module nauczyłeś się PRAWDZIWEGO Claude Code:

✅ Podstawy - instalacja,

/login

, tryb interaktywny vs

-p

, modele ✅ Pliki i pipe - referencje przez

@

, łączenie komend (

git diff | claude -p

) ✅ Slash commands -

/help

,

/clear

,

/compact

,

/init

,

/review

,

/cost

✅ CLAUDE.md - pamięć projektu generowana przez

/init

✅ Plan Mode - planowanie przed edycją (

Shift+Tab

,

--permission-mode plan

) ✅ Subagenci - delegowanie zadań (

.claude/agents/

,

/agents

) ✅ Skille i MCP - powtarzalne workflow oraz podłączanie narzędzi (

/mcp

) ✅ Hooki - automatyczne akcje przy zdarzeniach (

.claude/settings.json

) ✅ Headless/CI -

claude -p --output-format json

+ GitHub Actions

Jesteś teraz gotowy, by budować profesjonalne aplikacje z agentowym AI w terminalu! 🚀

Płyń dalej i odkrywaj nowe lądy kodu! 💻✨🏴‍☠️