Niezbędniki · Web developerzy

Niezbędniki dla web developerów

Dla osób, które tworzą lub zmieniają strony internetowe. Te dodatki pozwalają asystentowi otworzyć Twoją stronę w prawdziwej przeglądarce, czytać aktualną dokumentację i sprawdzać własne zmiany.

Od najbardziej przydatnych. Zacznij od jednego, wypróbuj go, a potem dodaj kolejny.

Co chcesz zrobić?

Wybierz zadanie. Każda strona pokazuje po kolei darmowe dodatki, które dla niego przetestowaliśmy, oraz to, co Pakiet Supermocy doda dla web developerów.

Umiejętności

  1. PolecamyumiejętnośćInstaluje się bez problemów

    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
    Wklej to do terminala
    npx skills add addyosmani/agent-skills
    Inne sposoby instalacji i jak to testowaliśmy
  1. Planuje, testuje i sprawdza swoją pracę

    Superpowers

    Sprawia, że asystent zadaje pytania, planuje, testuje i sprawdza własną pracę.

    PolecamyumiejętnośćInstaluje się bez problemów
    Komenda instalacji
    Wpisz to w Claude Code
    /plugin install superpowers@claude-plugins-official

    Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy

Wszystkie umiejętności

Agenci

  1. 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.

    agentInstaluje się bez problemów
    Komenda instalacji
    Wpisz to w Claude Code
    /plugin install feature-dev@claude-plugins-official

    Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy

  2. 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.

    agentInstaluje się bez problemów
    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

  3. Sklep z wyspecjalizowanymi pomocnikami

    wshobson agents

    Duży sklep z wyspecjalizowanymi pomocnikami. Instalujesz tylko tych kilku, których potrzebujesz.

    agentInstaluje się bez problemów
    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

Wszystkie agenci

Konektory (serwery MCP)

  1. Sterowanie przeglądarką

    Playwright MCP

    Pozwala Twojemu asystentowi otwierać strony internetowe, klikać i pisać tak jak Ty.

    PolecamykonektorCzęściowo przetestowane (wymaga konta)
    Komenda instalacji
    Wklej to do terminala
    claude mcp add playwright npx @playwright/mcp@latest

    Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy

  2. Aktualna dokumentacja bibliotek kodu

    Context7

    Daje Twojemu asystentowi aktualną dokumentację bibliotek kodu, żeby nie używał starych komend.

    PolecamykonektorCzęściowo przetestowane (wymaga konta)
    Komenda instalacji
    Wklej to do terminala
    npx ctx7 setup

    Dla każdego asystenta. Wszystkie kroki i jak to testowaliśmy

  3. Sprawdź swoją stronę w Chrome

    Chrome DevTools MCP

    Pozwala Twojemu asystentowi otworzyć Twoją stronę w Chrome, odczytać jej błędy i sprawdzić jej szybkość.

    konektorCzęściowo przetestowane (wymaga konta)
    Komenda instalacji
    Wklej to do terminala
    claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

    Dla: Claude Code. Wszystkie kroki i jak to testowaliśmy

  4. Praca z projektami na GitHubie

    GitHub MCP Server

    Pozwala Twojemu asystentowi pracować z Twoimi projektami, zgłoszeniami i pull requestami na GitHubie.

    konektorCzęściowo przetestowane (wymaga konta)
    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

Wszystkie konektory

Pakiet Supermocy · wczesny dostęp

Pakiet Supermocy dla web developerów

Wszystko na tej stronie możesz zainstalować za darmo ręcznie. Pakiet Supermocy to nasz płatny produkt: jedna komenda z Twoim kluczem licencyjnym superpowers konfiguruje Twoją AI: reguły, bezpieczne ustawienia i gotowe umiejętności, a także supermoce premium do tego rodzaju pracy.

Supermoce premium: Bądź widoczny w Google · Doktor szybkości · Kreator danych strukturalnych (schema) · Semantyczny brief treści.

Pomoc w cenie: jeśli instalacja nie zadziała albo utkniesz, napisz do nas, a pomoże Ci człowiek. Ceny zawierają VAT.

Zdobądź wczesny dostęp