UI/UX Pro Max to skill z bazą palet, par fontów, stylów i wytycznych UX w plikach CSV oraz generatorem, który z jednego zapytania składa system designu. Zainstalowałem go w Claude Code, przepuściłem przez generator trzy projekty i przeczytałem jego skrypty. W wersji, którą sprawdziłem, skrypty nie łączą się z siecią, ale to sprawdzenie ma granice, które opisuję niżej.
TL;DR
- Repozytorium nextlevelbuilder/ui-ux-pro-max-skill ma 145 698 gwiazdek (listopad 2026) i licencję MIT.
- W danych są 192 palety, 74 pary fontów i 119 wytycznych UX. Policzyłem wiersze w plikach CSV, liczby z README się zgadzają.
- Generator działa na słowach kluczowych. Zapytanie o rezerwacje dla kwiaciarni dało generyczny wynik „kalendarzowy”, zapytanie o sklep z bukietami dało zieleń i róż.
- Skrypty runtime w commicie b7d5353 używają tylko biblioteki standardowej Pythona, bez modułów sieciowych. Nie sprawdzałem CLI z npm ani dodatkowych skilli z repozytorium.
Czym jest UI/UX Pro Max
To skill dla asystentów AI, który daje im dane do decyzji projektowych. Tam, gdzie frontend-design od Anthropic mówi, jak myśleć, UI/UX Pro Max podsuwa konkretne wartości. README wersji 2 podaje liczby, które sprawdziłem, licząc wiersze w plikach CSV w repozytorium 6 listopada 2026:
| Zasób | Liczba | Skąd |
|---|---|---|
| Palety kolorów | 192 | colors.csv, 192 wiersze |
| Typy produktów | 192 | products.csv, 192 wiersze |
| Pary fontów | 74 | typography.csv, 74 wiersze |
| Wytyczne UX | 119 | ux-guidelines.csv, 119 wierszy |
| Style | 80 przeszukiwalnych, z tego 51 aktywnych | styles.csv, 89 wierszy (w tym 9 wycofanych) |
| Typy wykresów, stacki, reguły rozumowania | 25, 22, 192 | README |
Wyszukiwanie działa na algorytmie BM25. Najnowszy release w chwili pisania to v2.15.0 z 13 sierpnia 2026, ostatni commit jest z 5 listopada 2026.
Instalacja: plugin albo CLI, globalnie albo w projekcie
Najprostsza droga w Claude Code to marketplace:
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
Druga droga to CLI z npm. Instalujesz je raz, a potem wybierasz, gdzie ma trafić skill:
npm install -g ui-ux-pro-max-cli
uipro init --ai claude # do .claude/skills/ w bieżącym projekcie
uipro init --ai claude --global # do ~/.claude/skills/ dla wszystkich projektów
Instalacja projektowa ląduje w .claude/skills/ui-ux-pro-max/SKILL.md i możesz ją zacommitować dla zespołu. Globalna ląduje w ~/.claude/skills/ui-ux-pro-max/. CLI obsługuje też inne narzędzia, między innymi Cursor, Windsurf, GitHub Copilot, Codex CLI i Gemini CLI. README ostrzega, że starsze paczki uipro-cli są nieaktualne, więc instaluj ui-ux-pro-max-cli.
Jedyne wymaganie to Python 3.x. Sprawdzisz go poleceniem python3 --version.
U mnie skill siedzi globalnie w ~/.claude/skills/ui-ux-pro-max. Zmieniłem mu tylko jedno: przepisałem pole description po polsku, bo piszę do Claude'a po polsku i angielski opis nie zawsze łapał moje prompty. To dobry przykład, że description to nie formalność, tylko warunek uruchomienia skilla. Więcej o tym w artykule Jak napisać dobry SKILL.md.
Mój test: trzy przebiegi generatora
Serce skilla to skrypt search.py z flagą --design-system. Uruchomiłem go ręcznie, bez Claude'a, żeby zobaczyć surowy wynik:
python3 search.py "booking app for a flower shop" --design-system -f markdown
Każdy przebieg trwał około 2 sekund na Macu. Wynik to dokument z wzorcem strony, stylem, tabelą kolorów z nazwami zmiennych CSS, parą fontów, listą efektów, antywzorcami i checklistą przed oddaniem.
Przebieg 1: aplikacja do rezerwacji dla kwiaciarni
| Rola | Wartość |
|---|---|
| Wzorzec | Hero + Features + CTA |
| Styl | Minimalism & Swiss Style |
| Primary | #0284C7 |
| Accent / CTA | #059669 |
| Tło | #F0F9FF |
| Notatka palety | „Calendar blue + available green” |
| Fonty | Outfit (nagłówki) + Work Sans (tekst) |
Checklista na końcu jest porządna: bez emoji jako ikon, cursor-pointer na klikalnych elementach, kontrast tekstu minimum 4.5:1, widoczny fokus, prefers-reduced-motion i breakpointy 375, 768, 1024 i 1440 px. Sama paleta jest jednak o kalendarzu, nie o kwiatach. Generator złapał słowo „booking” i dał błękit z zielenią dostępności. Wynik poprawny, ale mógłby pasować do rezerwacji fryzjera albo sali konferencyjnej.
Przebieg 2: sklep internetowy z bukietami
Zmieniłem zapytanie na florist online shop bouquets. Tym razem dostałem styl Organic Biophilic, wzorzec Funnel (3-Step Conversion), primary #15803D, accent #EC4899 i tło #F0FDF4 z notatką „Natural green + floral pink”. Fonty: Inter w nagłówkach i Playfair Display w tekście. Paleta pasuje do branży. Para fontów mniej mnie przekonała: szeryfowy Playfair Display w tekście głównym, a w polu „Mood” tej pary stoi między innymi „near-black, vermillion”, czyli opis jednego z tellsów, przed którymi ostrzega skill Anthropic.
Przebieg 3: aplikacja bankowa
Dla mobile banking app fintech generator wybrał Minimalism & Swiss Style, wzorzec Trust & Authority + Conversion, primary #F59E0B, accent #8B5CF6, ciemne tło #0F172A z notatką „Gold trust + purple tech” i IBM Plex Sans w obu rolach. Spójne z branżą, choć ciemne tło z fioletowym akcentem to dość przewidywalny wybór dla fintechu.
Co z tego wynika
Słowa w zapytaniu decydują o wyniku. Generator nie rozumie, że kwiaciarnia z rezerwacjami to nadal kwiaciarnia. Dopasowuje to, co najmocniej pasuje w danych. W praktyce piszę zapytanie z branżą i materiałem na początku, a funkcję produktu dopiero potem, i porównuję dwa lub trzy warianty. Wynik traktuję jako punkt startu, który potem przepuszczam przez listę tellsów z frontend-design.
Czy UI/UX Pro Max jest bezpieczny
Dokumentacja Anthropic mówi: „Use Skills only from trusted sources: those you created yourself or obtained from Anthropic.” UI/UX Pro Max nie pochodzi od Anthropic, więc według tej zasady trzeba go sprawdzić samemu. Nie jest to teoria. Snyk w raporcie ToxicSkills z lutego 2026 przeskanował 3 984 skille z ClawHub i skills.sh: 1 467 z nich (36,82%) miało co najmniej jedną lukę bezpieczeństwa, 534 (13,4%) lukę krytyczną, a 76 zawierało potwierdzone złośliwe payloady.
Co sprawdziłem
6 listopada 2026 sklonowałem repozytorium (commit b7d5353) i przeczytałem importy skryptów uruchamianych przez skill: core.py, search.py, design_system.py, reasoning_contract.py i validate_data.py.
- Importują tylko bibliotekę standardową: csv, re, json, pathlib, math, argparse, difflib, tempfile, datetime, hashlib, statistics oraz urllib.parse, który służy do parsowania adresów, nie do pobierania.
- Nie ma w nich requests, urllib.request, socket ani http.
- subprocess pojawia się tylko w testach w
scripts/tests, a nie w kodzie, który uruchamia skill.
To zgadza się z deklaracją README, według której skrypty to „standard library only”, a ponadto „the scripts install nothing and make no network calls”.
Czego to nie dowodzi
- Sprawdziłem jeden commit. Każda aktualizacja może to zmienić.
- Nie audytowałem CLI z npm (
ui-ux-pro-max-cli) ani katalogucli/. Instalacja przez npm to osobny kod, który uruchamiasz na swoim komputerze. - Repozytorium zawiera też dodatkowe skille w
.claude/skills(design, banner-design, ui-styling, brand, slides, design-system). Ich nie czytałem. - Brak modułów sieciowych to nie to samo co brak ryzyka. SKILL.md i pliki CSV to tekst, który trafia do kontekstu modelu, więc też warto go przejrzeć.
Checklista przed instalacją i po każdej aktualizacji
- Przeczytaj SKILL.md w całości. Sprawdź, czy instrukcje nie każą robić niczego poza projektowaniem.
- Przejrzyj importy w skryptach:
grep -rnE "import (requests|socket|subprocess)|urllib.request|http.client" scripts/. - Porównaj zmiany od ostatniej wersji, którą sprawdzałeś (
git logigit diff). - Jeśli instalujesz przez npm, zdecyduj, czy ufasz paczce, albo zainstaluj przez marketplace lub ręczne skopiowanie folderu.
- Nie kopiuj dodatkowych skilli z repozytorium, których nie przeczytałeś.
Wersja darmowa a Premium
Repozytorium to wersja bazowa na licencji MIT: dane, wyszukiwarka i generator systemu designu. Istnieje płatna wersja Premium na uupm.cc. Według README dokłada identyfikację marki, logo, CIP, bannery, slajdy, ikony i generowanie grafik z AI. Premium nie testowałem i nie znam jego kodu. Do pracy nad interfejsem wystarczyła mi wersja bazowa.
FAQ
Czy UI/UX Pro Max jest bezpieczny?
W commicie b7d5353, który sprawdziłem, skrypty uruchamiane przez skill importują tylko bibliotekę standardową Pythona i nie mają modułów sieciowych. To nie gwarantuje bezpieczeństwa przyszłych wersji, paczki npm z CLI ani dodatkowych skilli w repozytorium. Sprawdzaj kod po każdej aktualizacji.
Jak zainstalować UI/UX Pro Max w Claude Code?
Przez marketplace: /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill, potem /plugin install ui-ux-pro-max@ui-ux-pro-max-skill. Albo przez CLI: npm install -g ui-ux-pro-max-cli i uipro init --ai claude w projekcie lub uipro init --ai claude --global dla wszystkich projektów.
Gdzie leży plik .claude/skills/ui-ux-pro-max/SKILL.md?
Przy instalacji projektowej w katalogu .claude/skills/ui-ux-pro-max/ w repozytorium projektu. Przy instalacji globalnej w ~/.claude/skills/ui-ux-pro-max/. Obok SKILL.md są skrypty w scripts/ i dane w plikach CSV.
Czy UI/UX Pro Max jest darmowy?
Wersja bazowa jest open source na licencji MIT. Istnieje płatna wersja Premium (uupm.cc) z dodatkami do identyfikacji marki, logo, bannerów, slajdów, ikon i generowania grafik AI.
Czego potrzebuje UI/UX Pro Max do działania?
Pythona 3.x. Według README skrypty korzystają tylko z biblioteki standardowej, niczego nie instalują i nie łączą się z siecią.
Dlaczego generator dał mi ogólny wynik?
Bo dopasowuje słowa z zapytania. W moim teście zapytanie o rezerwacje dla kwiaciarni dopasowało słowo booking, a nie kwiaty. Dopiero zapytanie o sklep z bukietami dało paletę i styl pasujące do branży.
Powiązane artykuły
Jak UI/UX Pro Max wypada na tle innych skilli do projektowania, opisałem w przewodniku Claude Skills do projektowania UI. Jeśli dopiero zaczynasz, przeczytaj czym są skille i jak je zainstalować, a szerszą listę znajdziesz w zestawieniu najlepszych skilli do Claude Code w 2026. Pod artykułem jest darmowa paczka dwóch skilli do pracy z UX: Laws of UX i szablon design systemu.