Skill to zestaw instrukcji, który podpowiada Claude, jak wykonywać określony typ pracy. Może prowadzić przez projektowanie interfejsu, zbudować interaktywny prototyp albo ocenić animacje w istniejącym kodzie. Przedstawiamy pięć przydatnych przykładów dla UI/UX oraz aktualne sposoby instalacji na Macu, Windowsie i w Claude Code. Wyjaśniamy też, co można zrobić na telefonie.
Stan na 4 października 2026. Claude zmienia interfejs stopniowo; nazwy sekcji mogą różnić się między kontami. Pięć poniższych skills pochodzi z dwóch publicznych repozytoriów, ale nie musi być fabrycznie widocznych w katalogu każdego konta.
Skill, wtyczka i zwykły prompt: jaka jest różnica?
Prompt to pojedyncze polecenie w rozmowie. Skill to zapisany pakiet instrukcji, zwykle folder z plikiem SKILL.md, który Claude może wczytać wtedy, gdy pasuje do zadania. Skill może zawierać dodatkowe skrypty i materiały. Wtyczka może pakować kilka skills oraz inne funkcje. Sam skill nie daje automatycznie dostępu do Figmy, plików czy internetu; zależy to od dostępnych narzędzi i uprawnień w danej sesji.
Pięć skills, pięć różnych zadań
| Skill | Do czego służy | Dobry pierwszy eksperyment |
|---|---|---|
| apple-design | Projektowanie płynnych interakcji WWW: gesty, sprężyny, przerwanie animacji, typografia, ruch ograniczony ustawieniami systemu. | Poproś o zachowanie wysuwanego panelu podczas przeciągania i przerwania gestu. |
| web-artifacts-builder | Budowanie złożonych interaktywnych artefaktów Claude.ai z React, Tailwind i komponentami shadcn/ui. | Prototyp trzyetapowego formularza z prawdziwym stanem i walidacją. |
| canvas-design | Statyczna kompozycja wizualna eksportowana jako PNG lub PDF. | Jednostronicowy plakat premiery funkcji. |
| improve-animations | Audyt ruchu w kodzie i plan poprawek. Domyślnie przygotowuje rekomendacje zamiast samodzielnie zmieniać produkt. | Lista trzech najważniejszych zmian animacji w aplikacji. |
| review-animations | Ocena już zaimplementowanych animacji, w tym czasu, krzywych, wydajności i dostępności. | Przegląd animacji menu przed publikacją. |
Nie instaluj wszystkich tylko dlatego, że są na liście. web-artifacts-builder jest wyspecjalizowany w artefaktach Claude.ai; nie jest automatycznym sposobem wdrażania produkcyjnej aplikacji. canvas-design służy do statycznej grafiki, a nie do klikalnego prototypu. improve-animations i review-animations mają sens przede wszystkim wtedy, gdy masz istniejący interfejs albo kod do oceny.
Jak zainstalować skill w Claude na Macu lub Windowsie
Najprostsza ścieżka w Claude prowadzi przez Customize → Skills. To nie jest systemowy instalator macOS ani Windows. Zaloguj się w Claude w przeglądarce lub aplikacji desktopowej. Wybierz skill z dostępnego katalogu albo wgraj własny pakiet ZIP. Według instrukcji Anthropic własny pakiet dodajesz przez Customize → Skills → + → Create skill → Upload a skill, a potem włączasz przełącznik przy skillu.
- Otwórz stronę źródłową skilla i przeczytaj
SKILL.md. Sprawdź, czy pakiet zawiera skrypty i czego one wymagają. - Pobierz cały folder danego skilla z repozytorium, nie tylko pojedynczy plik, jeśli są w nim dodatkowe zasoby.
- Spakuj folder do ZIP tak, by w archiwum u góry był folder skilla, a wewnątrz
SKILL.md. - Wgraj ZIP w Claude, włącz skill i sprawdź go na małym zadaniu.
Na Macu możesz spakować folder przez Finder → „Kompresuj”. Na Windowsie użyj Eksploratora → „Kompresuj do pliku ZIP”. Krok w Claude jest taki sam. Nie pobieraj nieznanego archiwum z przypadkowej strony, gdy możesz sprawdzić pliki w źródłowym repozytorium. Skill jest instrukcją dla asystenta, a skrypty z pakietu mogą wykonywać operacje na plikach.
A jeśli skill jest częścią wtyczki?
W Claude otwórz katalog wtyczek i sprawdź, jakie skills faktycznie zawiera wybrana wtyczka. Po instalacji możesz zobaczyć je pod przyciskiem „+” albo po wpisaniu /. Nie zakładaj, że pięć wymienionych wyżej skills występuje pod tymi samymi nazwami w każdej wtyczce. Potwierdź nazwę, wersję i autora pakietu przed instalacją.
Claude Code: instalacja dla osób pracujących z kodem
W Claude Code folder osobistego skilla umieszcza się w ~/.claude/skills/nazwa-skilla/SKILL.md. Skill projektowy można umieścić w .claude/skills/ w repozytorium. Na Windowsie ~ oznacza katalog użytkownika, zwykle C:\Users\TwojaNazwa. Struktura katalogów działa podobnie na obu systemach; sposób uruchomienia Claude Code opisuje oficjalna instrukcja instalacji.
~/.claude/skills/
apple-design/
SKILL.md
improve-animations/
SKILL.mdOtwórz projekt poleceniem claude. Możesz poprosić naturalnie o zadanie albo wpisać /apple-design, jeśli skill dopuszcza ręczne uruchomienie. Weryfikuj rezultat na działającym interfejsie. Skill może doradzić wartości czasu i sprężyny, lecz nie widzi automatycznie zachowania aplikacji na wszystkich urządzeniach. Szczegóły formatu i folderów są w dokumentacji Claude Code.
Czy działa na telefonie?
Tak, aktualna tabela funkcji Claude wymienia skills i wtyczki dla urządzeń mobilnych. Możesz rozpocząć lub prowadzić zadanie w aplikacji Claude na iOS albo Androidzie, jeśli funkcja jest dostępna w Twoim planie. Wygodniej przygotować i wgrać ZIP na komputerze lub w przeglądarce, a potem używać włączonego skilla na telefonie. Zadania wymagające plików na Twoim komputerze albo sterowania przeglądarką lokalną mogą potrzebować uruchomionej aplikacji Claude Desktop i odpowiednich połączeń. Claude Code jako lokalne narzędzie programistyczne instaluje się na komputerze.
Pięć gotowych poleceń do sprawdzenia
Apple Design: „Zaprojektuj wysuwany panel na telefonie. Opisz zachowanie przy przeciąganiu, przerwaniu gestu i włączonym ograniczeniu ruchu. Pokaż kod i sposób testowania.”
Web Artifacts Builder: „Zbuduj interaktywny prototyp trzyetapowej rezerwacji. Formularz ma zapamiętywać wybór i pokazywać walidację, a na końcu podsumowanie.”
Canvas Design: „Przygotuj jednostronicowy plakat PNG dla premiery aplikacji do planowania podróży. Podaj dwie propozycje hierarchii tekstu przed eksportem.”
Improve Animations: „Przejrzyj animacje w tym projekcie i uszereguj trzy poprawki według wpływu. Na razie nie zmieniaj kodu.”
Review Animations: „Oceń animację otwierania menu na desktopie i telefonie: czas, reakcję na kliknięcie, przerwanie, wydajność i prefers-reduced-motion.”
Kiedy skill nie pomaga
Jeśli wynik jest zbyt ogólny, podaj konkretny ekran, urządzenie, ograniczenia i kryterium sukcesu. Jeśli skill się nie uruchamia, sprawdź, czy jest włączony i czy jego opis pasuje do zadania. Jeśli animacja „wygląda ładnie” tylko na mocnym laptopie, przetestuj ją na telefonie i z klawiaturą. Ostateczna decyzja projektowa należy do zespołu, który zna użytkowników produktu.
Nowy w Claude? Zacznij od naszego przewodnika po Claude i Claude Code. Jeśli chcesz od razu zbudować konkretny efekt w interfejsie, zobacz animację sterowaną przewijaniem.
Comments (0)
No comments yet. Be the first!