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.

Umiejętności, agenci i konektory – wyjaśnienie

Zacznij tutaj: niezbędniki dla web developerów

Od najbardziej przydatnych. Zainstaluj pierwszy, wypróbuj go, potem dodaj kolejne.

Zacznij od tego

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

Pasujących do filtrów: 17 dodatków

Wszystkie dodatki

Pasujących do filtrów: 17 dodatków.

Wszystkie niezbędniki dla web developerów: umiejętności, agenci i konektory