Published on

Claude Code i jego możliwości - Chrome Extension i Skills w praktyce

Authors
  • avatar
    Name
    Piotr Kołodziejczyk
    Twitter
Claude Code i jego możliwości - Chrome Extension i Skills w praktyce

Claude Code to narzędzie, które zmieniło sposób pracy wielu developerów - zamiast kopiowania kodu do chatbota, piszesz bezpośrednio w terminalu lub IDE, a Claude rozumie kontekst całego projektu. Ale AWS to nie wszystko - w 2026 Claude wyszedł poza terminal i wchodzi do przeglądarki. Dwie funkcje, które szczególnie zwróciły moją uwagę: integracja z Chrome i Skills.

Claude Code w przeglądarce - integracja z Chrome

Claude for Chrome to rozszerzenie dostępne na planach Pro, Max, Team i Enterprise. Uruchamia się jako panel boczny - Claude widzi aktualną stronę, może czytać DOM, klikać przyciski, wypełniać formularze i nawigować między kartami.

Dla developerów najbardziej użyteczna jest integracja z narzędziami deweloperskimi: Claude ma dostęp do console logów i żądań sieciowych. W praktyce wygląda to tak - piszesz w panelu:

„Debuguj błąd 401 który widzę w Network tab dla endpointu /api/auth/token"

Claude analizuje żądanie, nagłówki, response i sugeruje fix - bez kopiowania czegokolwiek.

Inny use-case: testowanie UI. Zamiast ręcznie klikać przez formularz rejestracji żeby sprawdzić walidację, opisujesz scenariusz a Claude go wykonuje i raportuje co znalazł. Działa też z workflow recording - pokazujesz Claude krokowo co ma robić, a on zapamiętuje sekwencję i może ją powtarzać automatycznie (można zaplanować cyklicznie: daily, weekly).

Obsługiwane modele to Opus 4.6, Sonnet 4.6 i Haiku 4.5 - wybór zależy od planu.

Instalacja Chrome Extension - krok po kroku

Wymagania: Google Chrome (nie działa na Chromium, Edge, Firefox ani mobile) i aktywny plan Claude.

  1. Wejdź na Chrome Web Store i zainstaluj rozszerzenie Claude
  2. Zaloguj się kontem Claude
  3. Przypiń rozszerzenie (ikona puzzla w toolbarze)
  4. Przy pierwszym uruchomieniu potwierdź uprawnienia

Rozszerzenie prosi o 14 uprawnień, w tym debugger (sterowanie przeglądarką), scripting (czytanie treści stron) i nativeMessaging (przyszła integracja z Claude Desktop i Claude Code). To beta - dokumentacja wprost zaznacza, że automatyzacja przeglądarki niesie ryzyko i warto przejrzeć zasady bezpieczeństwa przed użyciem w produkcyjnych środowiskach.

Warte uwagi: tryb „Ask before acting" - Claude pyta o potwierdzenie przed każdą akcją. Dobry punkt startowy zanim zaufasz mu z pełną autonomią.

Skills - rozszerzenia dla Claude

Skills to specjalne umiejętności, które rozszerzają możliwości Claude poza standardową rozmowę. Szczegóły w dokumentacji Skills.

AWS dostarcza kilka wbudowanych Skills, które Claude aktywuje automatycznie gdy uzna, że są potrzebne:

  • Excel - tworzenie i edycja arkuszy kalkulacyjnych, formuły, wykresy
  • Word - profesjonalne dokumenty z formatowaniem
  • PowerPoint - generowanie prezentacji
  • PDF - tworzenie i przetwarzanie PDF-ów

Przykład: piszesz „Zrób mi zestawienie wyników sprintów z ostatniego kwartału w Excelu" - Claude generuje gotowy .xlsx bez dodatkowych komend.

Możesz też tworzyć własne Skills:

# Struktura własnego skilla
my-skill/
├── SKILL.md      # instrukcja dla Claude (co robić, jak, kiedy)
└── references/   # opcjonalne pliki pomocnicze

Skilla pakujesz jako ZIP i wgrywasz przez Customize > Skills. Możesz go włączać/wyłączać i udostępniać teamowi (na planach Team/Enterprise owner może provisionować skille dla całej organizacji).

Ja sam korzystam ze skilla /blog-post który automatycznie pobiera informacje z podanych URLi i pisze post w stylu tego bloga - oszczędza mi sporo czasu przy researchowaniu nowych tematów.

Prawdziwe use-cases dla developerów

Web development i testowanie UI Claude w Chrome może przejść przez całą ścieżkę użytkownika - rejestracja, logowanie, checkout - i zgłosić każdy błąd który napotka. Przy CI/CD możesz zintegrować z Claude Code żeby po deploymencie automatycznie przetestować kluczowe flow.

ML / data science Skille Office sprawdzają się przy raportowaniu - wygenerowanie wykresu z wynikami eksperymentu bezpośrednio do PowerPointa to sekunda roboty. W połączeniu z Claude Code który ma dostęp do notebooków i plików, możesz opisywać eksperymenty słownie a Claude formatuje raporty.

Automatyzacja powtarzalnych zadań Workflow recording + harmonogram = zero-code automation. Przykłady: codzienne pobieranie danych ze stron bez API, automatyczne wypełnianie formularzy, monitoring zmian na stronach konkurencji.

Praca zespołowa Skills udostępnione przez ownera są dostępne od razu dla całego teamu bez konfiguracji po stronie każdego membera. Spójne flow onboardingowe, generatory dokumentacji, szablony PR-ów - raz skonfigurowane, działają dla wszystkich.

Co dalej?

Uprawnienie nativeMessaging w rozszerzeniu Chrome to wskazówka - Anthropic planuje głębszą integrację między Chrome Extension a Claude Desktop i Claude Code. W praktyce oznacza to workflow gdzie piszesz kod w terminalu, Claude od razu testuje go w przeglądarce i raportuje wyniki z powrotem do IDE.

To nie jest już asystent do rozmów. To partner który siedzi obok i wykonuje pracę razem z tobą - w terminalu, w edytorze i teraz w przeglądarce.

Linki