Za darmo Darmowy katalog: testujemy my, tworzą inni
Wszystkie dodatki
Dodatki dają asystentowi nowe możliwości: umiejętności uczą go pracy, agenci to pomocnicy, którym zleca zadania, a konektory łączą go z innymi programami. Każdy dodatek najpierw zainstalowaliśmy na czystym systemie testowym.
Zakładki filtrują poniższą listę pod kątem danego rodzaju pracy.
Zacznij tutaj: niezbędniki dla web developerów
Od najbardziej przydatnych. Zainstaluj pierwszy, wypróbuj go, potem dodaj kolejne.
Zacznij od tego
Dobre nawyki przy tworzeniu stron www
Addy Osmani Agent Skills
Dobre nawyki pracy przy budowie stron internetowych: jasne plany, testy i przeglądy.
Test: instaluje się bez problemów i działa bez konta. Jeszcze nieużywane w prawdziwej pracy.
Dla każdegoUwagaUmiejętności to instrukcje w formie tekstu, więc bezpośrednie ryzyko jest niskie. Asystent nadal uruchamia komendy, które zatwierdzasz.
Dla każdego asystenta Inne sposoby instalacji i jak to testowaliśmyWklej to do terminala npx skills add addyosmani/agent-skills
Sterowanie przeglądarką
Playwright MCP
Pozwala Twojemu asystentowi otwierać strony internetowe, klikać i pisać tak jak Ty.
Komenda instalacji
Wklej to do terminala claude mcp add playwright npx @playwright/mcp@latest Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Aktualna dokumentacja bibliotek kodu
Context7
Daje Twojemu asystentowi aktualną dokumentację bibliotek kodu, żeby nie używał starych komend.
Komenda instalacji
Wklej to do terminala npx ctx7 setupDla każdego asystenta. Wszystkie kroki i jak to testowaliśmy
Sprawdź swoją stronę w Chrome
Chrome DevTools MCP
Pozwala Twojemu asystentowi otworzyć Twoją stronę w Chrome, odczytać jej błędy i sprawdzić jej szybkość.
Komenda instalacji
Wklej to do terminala claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latestDla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Planowanie i przegląd zmian w kodzie
Feature Dev plugin (Anthropic)
Trzech pomocników, którzy analizują Twój kod, planują zmianę i sprawdzają ją, zanim ją zaakceptujesz.
Komenda instalacji
Wpisz to w Claude Code /plugin install feature-dev@claude-plugins-official Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Pasujących do filtrów: 17 dodatków
Wszystkie dodatki
Pasujących do filtrów: 17 dodatków.
Dobre nawyki przy tworzeniu stron www
Addy Osmani Agent Skills
Dobre nawyki pracy przy budowie stron internetowych: jasne plany, testy i przeglądy.
Komenda instalacji
Wklej to do terminala npx skills add addyosmani/agent-skills Dla każdego asystenta. Wszystkie kroki i jak to testowaliśmy
Sterowanie przeglądarką
Playwright MCP
Pozwala Twojemu asystentowi otwierać strony internetowe, klikać i pisać tak jak Ty.
Komenda instalacji
Wklej to do terminala claude mcp add playwright npx @playwright/mcp@latest Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Aktualna dokumentacja bibliotek kodu
Context7
Daje Twojemu asystentowi aktualną dokumentację bibliotek kodu, żeby nie używał starych komend.
Komenda instalacji
Wklej to do terminala npx ctx7 setupDla każdego asystenta. Wszystkie kroki i jak to testowaliśmy
Planuje, testuje i sprawdza swoją pracę
Superpowers
Sprawia, że asystent zadaje pytania, planuje, testuje i sprawdza własną pracę.
Komenda instalacji
Wpisz to w Claude Code /plugin install superpowers@claude-plugins-official Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Dobór kolorów, czcionek i układów
UI/UX Pro Max
Pomaga asystentowi wybierać kolory, czcionki i układy, które dobrze wyglądają.
Instalacja: krok 1 z 2
Krok 1 z 2 · Wpisz to w Claude Code /plugin marketplace add nextlevelbuilder/ ui-ux-pro-max-skill Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Przegląd bezpieczeństwa kodu
Trail of Bits Skills
Listy kontrolne ekspertów od bezpieczeństwa do sprawdzania własnego kodu.
Instalacja: krok 1 z 2
Krok 1 z 2 · Wpisz to w Claude Code /plugin marketplace add trailofbits/ skills Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Sprawdź swoją stronę w Chrome
Chrome DevTools MCP
Pozwala Twojemu asystentowi otworzyć Twoją stronę w Chrome, odczytać jej błędy i sprawdzić jej szybkość.
Komenda instalacji
Wklej to do terminala claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latestDla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Planowanie i przegląd zmian w kodzie
Feature Dev plugin (Anthropic)
Trzech pomocników, którzy analizują Twój kod, planują zmianę i sprawdzają ją, zanim ją zaakceptujesz.
Komenda instalacji
Wpisz to w Claude Code /plugin install feature-dev@claude-plugins-official Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Recenzenci zmian w kodzie
PR Review Toolkit (Anthropic)
Sześciu recenzentów, którzy szukają w zmianie brakujących testów, ukrytych błędów i niejasnego kodu.
Komenda instalacji
Wpisz to w Claude Code /plugin install pr-review-toolkit@claude-plugins-official Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Praca z projektami na GitHubie
GitHub MCP Server
Pozwala Twojemu asystentowi pracować z Twoimi projektami, zgłoszeniami i pull requestami na GitHubie.
Komenda instalacji
Wklej to do terminala claude mcp add github -e GITHUB_PERSONAL_ACCESS_TOKEN=$GITHUB_PAT -- docker run -i --rm -e GITHUB_PERSONAL_ACCESS_TOKEN ghcr.io/github/ github-mcp-server Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Sklep z wyspecjalizowanymi pomocnikami
wshobson agents
Duży sklep z wyspecjalizowanymi pomocnikami. Instalujesz tylko tych kilku, których potrzebujesz.
Instalacja: krok 1 z 2
Krok 1 z 2 · Wpisz to w Claude Code /plugin marketplace add wshobson/ agents Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Dodawanie płatności przez Stripe
Stripe AI Toolkit
Oficjalna wtyczka Stripe: asystent doda z nią do aplikacji płatności, stronę kasy (checkout) i subskrypcje.
Komenda instalacji
Wklej to do terminala claude plugin install stripe@claude-plugins-officialDla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Kontrola bezpieczeństwa dla Gemini
Gemini CLI Security extension
Pozwala Gemini sprawdzić Twój kod pod kątem problemów z bezpieczeństwem.
Komenda instalacji
Wklej to do terminala gemini extensions install https:// github.com/ gemini-cli-extensions/ security Dla: Gemini CLI. Wszystkie kroki i jak to testowaliśmy
Recenzenci jakości i bezpieczeństwa
VoltAgent quality and security subagents
Recenzenci jakości i bezpieczeństwa: audytor bezpieczeństwa, tester i osoba sprawdzająca dostępność.
Instalacja: krok 1 z 2
Krok 1 z 2 · Wklej to do terminala claude plugin marketplace add VoltAgent/awesome-claude-code-subagents Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Tworzenie aplikacji na telefon
Expo Skills
Pomaga asystentowi budować aplikacje na telefon.
Komenda instalacji
Wklej to do terminala claude plugin install expo@claude-plugins-officialDla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Wyszukiwanie w dokumentacji Cloudflare
Cloudflare MCP servers
Pozwala Twojemu asystentowi sprawdzać oficjalną dokumentację Cloudflare zamiast zgadywać.
Komenda instalacji
Wklej to do terminala claude mcp add --transport http cloudflare-docs https:// docs.mcp.cloudflare.com/ mcp Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Zaprojektuj bezpieczną bazę danych
pg-aiguide
Pomaga asystentowi zaprojektować bezpieczną i uporządkowaną bazę danych dla Twojej aplikacji.
Instalacja: krok 1 z 2
Krok 1 z 2 · Wklej to do terminala claude plugin marketplace add timescale/pg-aiguide Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy
Wszystkie niezbędniki dla web developerów: umiejętności, agenci i konektory