Przedsprzedaż do 30 maja 2026.

UX Design Skill dla Claude Code, prowadzący projekt strony od briefu po makiety.

Pyta o kontekst projektu, planuje strukturę strony, pisze prawdziwe copy. Każda decyzja z uzasadnieniem i odrzuconymi wariantami obok.

  • Plan strony z mapą stron, strukturą sekcji i narracją.

  • Rozumie 16 typów stron, używa 13 frameworków UX i 50+ wzorców projektowych.

  • Każda decyzja z uzasadnieniem, poziomem pewności i odrzuconymi wariantami.

  • Bez backendu, bez kont, bez abonamentu. Płacisz raz, działa wszędzie.

  • Dzięki otwartej specyfikacji AGENTS.md działa w Claude Code, Codex i Gemini CLI.

Zobacz pakiety Pobierz skill audytu UX

// ASYSTENT UX: DISCOVERY

[INPUT]

"Tworzę stronę dla kancelarii prawnej

z Wrocławia, specjalizacja prawo pracy"

[ODPOWIEDŹ AGENTA]

• Typ strony: Local business (🟢 wynika z kontekstu)

• Branża: Kancelaria prawna, prawo pracy (🟢 wynika z kontekstu)

• Cel: pozyskiwanie klientów B2B i B2C (🟡 zweryfikuj)

• Persona: HR manager, 50-200 pracowników (🟡 zweryfikuj)

• Świadomość: szukają po objawach

(🟡 zweryfikuj — "zwolnienie pracownika" nie "kancelaria")

• Wyróżnik: specjalizacja w prawie pracy (🟢 wynika z kontekstu)

PYTANIA:

1. Klient docelowy — firmy, osoby prywatne, czy oba?

2. Główna akcja na stronie — kontakt,

formularz, konsultacja online?

Demo możliwości skilla UX design
Dowód

Tę stronę zaplanowaliśmy tym skillem,
a cały proces jest publiczny.

Każdy z plików otwierasz w przeglądarce, każdy ma wersję markdown do pobrania.
Polecam podgląd przykładów na desktopie, bo telefon obetnie boczny panel z decyzjami.

01

Plan projektu

Kontekst projektu, strategia i inwentarz szablonów na podstronach jednego pliku — punkt startowy każdej sesji.

Otwórz Plan projektu
02

Fundamenty komunikacji

ICP, kategoria, alternatywy, filary, narracja, nagłówki oraz draft kluczowych komunikatów (hero, value props, FAQ, CTA) — strategiczne ramy i gotowe teksty na jednej tablicy.

Otwórz Fundamenty komunikacji
03

Makiety

Szkice sekcji z prawdziwym copy, makieta przed i po audycie istniejącej strony.

Otwórz Makiety
04

Audyt strony przed redesignem

Makieta poprzedniej wersji strony z anotacjami diagnozy na każdej sekcji i benchmarkiem vs standardy branżowe. Punkt wyjścia całego redesignu.

Otwórz audyt
Obejrzyj demo skilla
Wartość

Trzy kluczowe cechy,
które wyróżniają ten skill.

Plan strony z uzasadnieniem, zanim ruszysz w Figmę albo do vibe codingu.

Sitemap, struktura sekcji i narracja w jednym pliku. Każda decyzja z uzasadnieniem i odrzuconymi wariantami obok. Trafia do twojego workflow zanim otworzysz Figmę.

Rozwiń Zwiń
Zobacz Plan projektu

Gotowe pliki, które pracują dalej w Figma AI, Cursor i Claude.

Markdown, HTML i Excel. Każdy artefakt wchodzi do kolejnego narzędzia w workflow bez konwersji. Plan żyje w plikach projektu, nie w historii czatu.

Rozwiń Zwiń
Zobacz przykłady plików

Wbudowana ekspertyza UX, decyzja zostaje po twojej stronie.

16 typów stron, 13 frameworków, 50+ wzorców wbudowane. Skill stosuje metodologię, ale każdy checkpoint pokazuje opcje z trade-offami. Decyzja zawsze twoja.

Rozwiń Zwiń
Zobacz Bazę wiedzy
Jak to działa

Cztery kroki od briefu
do gotowej makiety z treściami

01

Opowiadasz, co budujesz

Narzędzie zadaje pytania o cel, odbiorcę i kontekst, syntetyzuje plik z hipotezami i tagami pewności tam, gdzie zgaduje.

02

Wybierasz format strony i archetyp

Dwa albo trzy warianty z konsekwencjami. Decyzja zostaje po Twojej stronie, a plan strony spada do pliku z uzasadnieniem każdego wyboru.

03

Domykasz pozycjonowanie i copy

Wartości, dowody i nagłówki w canvasie messagingu. Gotowy dokument tekstów dla strony, w języku odbiorcy, nie w marketingowej papce.

04

Generujesz makiety z prawdziwym copy

Szkic strony w HTML do podglądu w przeglądarce, sekcja po sekcji, z notatkami projektowymi i odrzuconymi alternatywami obok każdej decyzji.

Wideo

Zobacz skill UX Design w akcji

Baza wiedzy

Ten skill rozumie UX design dzięki wbudowanym procesom i bazie wiedzy UX.

menu_book Mapa wiedzy skilla arrow_forward

Typy stron (16)

  • B2B SaaS Produkty subskrypcyjne
  • B2B Services Agencje, konsulting
  • B2B Industrial Producenci, dystrybutorzy
  • E-commerce Sklepy online, DTC
  • Portfolio Studia, freelancerzy
  • Local Business Usługi lokalne
  • Marketplace Platformy dwustronne
  • Community Grupy, fora
  • Course Kursy, szkolenia
  • Media Wydawcy, blogi
  • Event Konferencje
  • Nonprofit Fundacje, NGO
  • Enterprise Narzędzia korporacyjne
  • Government Instytucje publiczne
  • Documentation Bazy wiedzy
  • Service Utility Narzędzia online

Frameworki UX (13)

  • Design Psychology Don Norman
  • Hierarchy of User Needs Aarron Walter
  • Usability Heuristics Jakob Nielsen
  • LIFT Model Conversion Optimization
  • CCD Customer Centric Design
  • Emotional Targeting 223 triggers
  • Buyer Legends Narrative framing
  • FAST Architecture Persuasion sequencing
  • Narrative Arc Hook, tension, evidence, resolution
  • ResearchXL Structured UX research
  • Messaging Hierarchy B2B 5-layer model
  • Awareness Model 5 poziomów świadomości
  • Funnel Psychology Awareness, consideration, decision

Wzorce sekcji (50+)

  • Hero Warianty otwarcia strony
  • Nawigacja Sticky, mega menu, mobile
  • Social proof Testimoniale, loga, case study
  • FAQ / obiekcje Accordion, 4 bariery zakupowe
  • Formularze Lead capture, kontakt, RFQ
  • Cennik Tiery, anchor pricing, decoy
  • Porównanie Tabele vs. konkurencja
  • Case study Wynik + cytat + metryki
  • Pricing page Psychologia cen, tiery
  • Comparison vs. pages, switcher proof
  • Trust bar Loga, badges, certyfikaty
  • Stats block Metryki, skala, impact
  • Sticky CTA Floating, bottom bar
  • Mid-page CTA Kontekstowe wezwanie
  • + 35 kolejnych

92 pliki wiedzy z metodologią, gotowymi wzorcami i przykładami. Od psychologii projektowania po wzorce konwersji.

Darmowe skille

A co z darmowymi skillami z GitHuba?

Sprawdziliśmy ekosystem. Najpopularniejsze darmowe skille UX dla Claude Code'a dzielą się na cztery typy. Każdy z nich robi swoje zadanie dobrze. Żaden nie prowadzi projektu od briefu po makiety.

01

Style i komponenty — generatory pod stack

Dostajesz gotową stylizację i komponenty dla twojego frameworka: React, Vue, SwiftUI lub Flutter.

Np. ui-ux-pro-max-skill
02

Referencje UX — WCAG, Nielsen, accessibility

Pytasz o normę albo wzorzec w trakcie pracy z modelem AI, dostajesz odpowiedź ze źródłem.

Np. ux-mcp-server
03

Prompty UX — gotowe do skopiowania

Bierzesz prompt z biblioteki, dostosowujesz pod swój projekt, wpinasz we własny flow.

Np. claude-code-ui-agents, LibreUIUX
04

Research UX — formalna metodologia

Prowadzi cię przez badania użytkowników z bezstronną metodologią.

Np. VoltAgent ux-researcher
05

Tylko ten skill prowadzi cały projekt strony od briefu po makiety

Prowadzi przez wszystkie etapy, od pierwszego pytania o kontekst klienta po makiety gotowe do przekazania.

  • Discovery (rozpoznanie kontekstu)
  • Audyt istniejącej strony
  • Plan strony i architektura informacji
  • Wireframe'y z prawdziwym copy
Porównanie

Czemu nie wystarczy samo Claude Code
i czemu nie napisać sobie skilla.

UX skill (ten produkt)
REKOMENDACJA
Samo Claude Code
ALTERNATYWA
Własnoręczny skill
ALTERNATYWA
Metodologia UX
16 typów stron, 13 frameworków, 50+ wzorców wbudowane.
Brak. Stosujesz to, co podpowiadasz w promptach.
Sam piszesz. Czas + ryzyko niespójności.
Czas do uruchomienia
5 minut (folder do .claude/skills).
0 minut, ale 0 metodologii.
80 - 160 godzin pisania i testowania.
Cross-model (Claude, ChatGPT, Gemini)
Tak. Działa w narzędziach z dowolnym modelem (Claude Code, Codex, Gemini CLI, Cursor).
Tylko Claude w Claude Code. Bez wyboru modelu.
Tak, jeśli sam zaprojektujesz pod otwartą specyfikację.
Dowód decyzji obok każdej rekomendacji
Tak, uzasadnienie i odrzucone warianty obok każdej decyzji.
Nie. Model odpowiada bez śladu.
Trzeba samemu zaprojektować mechanizm zapisu decyzji.
Koszt Od 599 zł, jednorazowo. Subskrypcja Claude Pro / Max. Twój cenny czas.
Co zostaje po twojej stronie

Czego ten skill nie robi

Nie podejmuje decyzji strategicznych za Ciebie.

Pokazuje opcje z trade-off, wybierasz Ty.

Nie udaje, że wie wszystko.

Każda decyzja oznaczona poziomem pewności tam, gdzie AI zgaduje.

Nie zastępuje doświadczenia.

Skraca drogę do pierwszej wersji, którą rozwijasz po swojemu.

Cennik przedsprzedaży do 30 maja 2026

Trzy pakiety, jednorazowa licencja

Sześć miesięcy darmowych aktualizacji w cenie i aż dwanaście w przedsprzedaży. Zobacz changelog

1 czerwca 2026 startuje globalna sprzedaż i wchodzą wyższe ceny w euro.

Pakiet

Solo

1 użytkownik

Przedsprzedaż 1 299 zł
599 zł

netto + VAT 23%

  • 92 pliki wiedzy
  • 16 typów stron
  • Pliki asystenta w aktualnej wersji
  • 6 mies. aktualizacji
  • Community Discord
Kup pakiet Solo
Pakiet

Studio

Do 5 użytkowników

Przedsprzedaż 2 499 zł
799 zł

netto + VAT 23%

  • 92 pliki wiedzy
  • 16 typów stron
  • Pliki asystenta w aktualnej wersji
  • 6 mies. aktualizacji
  • Community Discord
Kup pakiet Studio
Pakiet

Agencja

Bez limitu użytkowników

Przedsprzedaż 4 999 zł
1 499 zł

netto + VAT 23%

  • 92 pliki wiedzy
  • 16 typów stron
  • Pliki asystenta w aktualnej wersji
  • 6 mies. aktualizacji
  • Community Discord
  • 1x konsultacja z autorem
Kup pakiet Agencja

14 dni na sprawdzenie. Nie pasuje, oddajesz.

Darmowy audyt

Pobierz darmowy skill audytu UX i uruchom na własnej stronie

Dostajesz konkret, zanim podejmiesz decyzję o zakupie pełnej wersji. Wystarczy, że podasz adres URL, a narzędzie zrobi wszystko samo dalej.

Pojedynczy workflow audytowy z pełnego skilla. Robi audyt dowolnego z 16 typów stron.

Podając maila wyrażasz zgodę na otrzymywanie wiadomości o naszych produktach i usługach (zgodnie z Polityką prywatności).

Zobacz wideo

Etap 1: Skan strony i makieta obecnego stanu

Makieta Twojej obecnej strony jako HTML do podglądu.

Etap 2: Audyt z diagnozą i anotacjami

Wnioski w formie adnotacji sekcji i elementów bezpośrednio na makiecie.

Etap 3: Benchmark vs standardy branżowe

Każdy wniosek prezentuje stan obecny, standard branżowy dla tego typu strony z oznaczonym poziomem pewności.

Pod maską

To nie jest jeden prompt,
tylko ~25 000 linijek kodu
i przemyślana architektura systemu.

Asystent to instrukcja działania + 92 pliki wiedzy domenowej, ładowane na żądanie. Dojście do tej architektury zajęło kilka miesięcy. Obecna architektura to trzecie podejście. Dwa wcześniejsze nie spełniały wymagań.

Historia zmian i aktualizacji
agents/ux-designer/
agent.md
references/
constitution.md
workflows.md
shared/
domains/
b2b/
b2b-saas/
b2b-services/
ecommerce/
assets/
templates/
scripts/
01

Wiedza oddzielona od instrukcji.

Agent.md definiuje logikę, folder references/ przechowuje surową wiedzę merytoryczną.

02

Pliki ładowane na żądanie.

Asystent dynamicznie wykrywa typ strony i ładuje tylko odpowiedni pakiet danych, oszczędzając context window.

03

Jeden asystent, pełen cykl.

Jeden asystent prowadzi od discovery do wireframe'u. Kontekst nie ginie przy przekazywaniu.

04

Checkpointy na każdym etapie.

Wymuszone punkty kontrolne gwarantują, że błąd złapany na wczesnym etapie kosztuje dokładnie zero.

05

Najpierw założenia, potem pytania.

Wykorzystanie confidence tierów pozwala asystentowi działać proaktywnie przy zachowaniu kontroli.

06

Copy prowadzi design.

Asystent najpierw projektuje strukturę treści i realny copy, zamiast polegać na pustych placeholderach.

07

Pliki jako pamięć projektu.

Stan projektu zapisywany jest w plikach markdown, niezależnie od ulotnej sesji czatu.

08

Audyt dostarcza diagnozę.

Asystent generuje rekomendacje oparte na audycie. Zmiany wprowadzasz Ty.

Platformy

Jeden folder.
Działa na platformach, których już używasz.

Claude Code

Pełny dostęp do plików, bezpośredni zapis deliverables

VS Code / IDE

Zintegrowane z Twoim środowiskiem pracy

Claude / ChatGPT w przeglądarce

Jako instrukcja projektu

Działa w przeglądarce. Nie wszystkie funkcje Claude Code są tu dostępne.

Custom GPTs / Gemini Gems

Kompatybilny jako knowledge + instruction set

Działa w przeglądarce. Nie wszystkie funkcje Claude Code są tu dostępne.

W paczce kupujesz kompletne narzędzie.

agent.md

Pełna definicja asystenta z 6 workflow-ami

references/

92 pliki wiedzy domenowej (16 typów stron, 14 obszarów)

scripts/

Skrypt Python do generowania Excel

Dokumentacja

Instalacja i konfiguracja

Brak dodatkowych zależności. Wgrywasz folder, otwierasz platformę i zaczynasz pierwszy projekt.

Instalacja

Instalujesz jak wtyczkę WordPressa

Folder z plikami markdown trafia do Twojego środowiska AI — Claude Code, Cursor, ChatGPT, Claude Projects albo Alice. Brak backendu, brak kont, brak czekania na onboarding.

Krok 1

Pobierz folder

Po zakupie dostajesz spakowany folder z plikami narzędzia.

Krok 2

Wrzuć do swojego środowiska

Folder ląduje w katalogu projektu (np. .claude/agents/ dla Claude Code), zgodnie z instrukcją per środowisko.

Krok 3

Uruchom przy kolejnej rozmowie

Narzędzie startuje samo przy następnej sesji z modelem — zero dodatkowej konfiguracji.

Zobacz pełną instrukcję instalacji
FAQ

Pytania, które zwykle padają

Czym to się różni od ChatGPT albo Claude?

Chatbot odpowiada fragmentarycznie — pyta krok po kroku, zapomina kontekst po dwóch wątkach, nie ma metodologii UX. To narzędzie żyje w plikach projektu w jednym folderze: decyzje z pierwszej rozmowy echo wracają w sekcji szkiców, każda hipoteza dostaje tag pewności, każdy krok kończy się dwoma–trzema opcjami z konsekwencjami. Wynik to artefakty (HTML w przeglądarce, markdown na żądanie), nie historia czatu, którą trzeba przeklejać.

Czy muszę znać UX, by używać?

Nie. Wbudowane są szesnaście pakietów wiedzy domenowej, trzynaście frameworków i ponad pięćdziesiąt wzorców — narzędzie ładuje właściwy zestaw po wykryciu typu strony. Twoja rola to decyzje strategiczne (kogo obsługujesz, jaki jest cel) i ostateczny wybór wariantu na każdym checkpoincie. Techniczna część UX jest zrobiona za Ciebie, dlatego designer-generalista bierze projekt z domeny, której nie zna na pamięć. Wiedza UX zdecydowanie pomaga tworzyć lepsze rozwiązania. Modele AI dobrze eksplorują dużo opcji, ale nie zawsze wybierają tę najlepszą. Tutaj wchodzi Twoja wiedza i doświadczenie.

Co konkretnie kupuję? Czy to subskrypcja?

Licencja jednorazowa, „pay once, own forever". W cenie sześć miesięcy darmowych aktualizacji (dwanaście miesięcy w przedsprzedaży). Po wygaśnięciu okna zainstalowana kopia działa dalej bez ograniczeń czasowych — możesz przedłużyć subskrypcję aktualizacji albo zostać przy posiadanej wersji. Bez kont, bez logowania na serwer, bez ryzyka, że dostawca odetnie Ci dostęp.

Jak wygląda instalacja?

Pobierasz folder z plikami markdown do swojego środowiska (Claude Code, Cursor, ChatGPT, Claude Projects, Alice). Instalacja przypomina dodanie wtyczki do WordPressa — folder w katalogu projektu, narzędzie startuje przy kolejnej rozmowie z modelem. Pełna dokumentacja kroków po zakupie; pre-purchase preview dostępny przed zakupem dla skeptyków, którzy chcą zobaczyć flow zanim zapłacą.

Czy mogę przetestować przed zakupem?

Tak — darmowa edycja audytu. Pobierasz pakiet, uruchamiasz lokalnie na własnej stronie, dostajesz: szkic odtworzony z istniejącej strony (lo-fi HTML), audyt jakości w sześciu wymiarach (kompletność, spójność, jakość, język, obciążenie poznawcze, spójność poziomu witryny) i konkretne propozycje zmian sekcja po sekcji. Bez konta, bez maila. Decyzja o zakupie po realnej próbie na własnym projekcie.

Co jeśli okaże się, że narzędzie mi nie pomaga?

Masz 14 dni na zwrot bez pytań. Jeśli narzędzie nie trafi w Twoje oczekiwania albo uznasz, że nie daje efektów, których chcesz, oddajesz je i dostajesz pełną kwotę z powrotem. Nie musisz uzasadniać decyzji, nie ma „a może spróbujemy jeszcze raz". Decyzja jest Twoja.

Twórca

Kto za tym stoi

Tomasz Maciąg

Tomasz Maciąg,

Założyciel agencji brandingowej Fuse Collective.

Od 15 lat zajmuję się UX — strategią, researchem i projektowaniem User Experience. Skilla UX zbudowałem, bo sam potrzebowałem procesu, który mogę powtarzać w każdym projekcie klienckim. Używam go na co dzień.

Masz pytania? Napisz do mnie maila albo połącz się ze mną na LinkedInie.

tomasz@creativesparks.pl Profil LinkedIn

Wejdź w Figmę z gotowym planem,
copy i decyzjami.

Przedsprzedaż polska do 30 maja 2026. Potem rusza globalna sprzedaż i wchodzą wyższe ceny w euro.

Zobacz pakiety
Albo zacznij od darmowego audytu