Design System / Sections

Every section rendered live with its default content from src/content/<collection>/pl/. Layouts here match what ships on the site exactly. Headings of each preview block name the section + collection.

HeroSection

collection: hero
Przedsprzedaż do 30 maja 2026.

Zaplanuj strukturę i treści strony, zanim ruszysz w Figmę lub do vibe codingu.

Narzędzie AI, które wspomaga pracę projektanta, ale go nie zastępuje w podejmowaniu kluczowych decyzji.

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

  • Makiety sekcji z prawdziwym copy, gotowe do Figmy lub generatora AI.

  • Każda decyzja z uzasadnieniem i odrzuconymi opcjami.

  • Decyzje są oznaczone poziomem pewności, więc wiesz, gdzie AI zgaduje.

  • Wbudowana wiedza UX: 16 typów stron, 13 frameworków, 50+ wzorców.

UseCasesSection (value-props data)

collection: value-props
Wartość

Trzy konkretne zmiany w tym,
jak pracujesz nad stroną

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

Narzędzie prowadzi od pierwszej rozmowy o projekcie do gotowego planu sekcji z prawdziwym copy. Sześć różnych workflow dowozi różne elementy planu: kontekst, strategię, fundamenty komunikacji, draft, szkice. Każda istotna decyzja zapisana z uzasadnieniem i odrzuconymi wariantami. Klient pyta „dlaczego tak", masz odpowiedź z pliku. Z wykonawcy stajesz się partnerem strategicznym.

Rozwiń Zwiń

Gotowe pliki dla Ciebie, dla klienta i innych narzędzi AI

Plan projektu, Fundamenty komunikacji, Draft komunikatów i szkice. Wszystko jako pliki HTML w przeglądarce. Jednym kliknięciem eksportujesz pliki MD (markdown) dla innych narzędzi AI. Realny copy powstaje przed layoutem, więc wireframe testujesz na odbiorcach od razu, a klient otwiera pakiet bez Photoshopa.

Rozwiń Zwiń

Wbudowana ekspertyza UX, decyzja Twoja

16 pakietów wiedzy domenowej, 13 frameworków, 50+ wzorców. Narzędzie ładuje właściwy zestaw po wykryciu typu strony, więc bierzesz projekt z domeny, której nie znasz na pamięć. Każdy strategiczny krok kończy się 2-3 opcjami z opisanym kosztem każdej. Narzędzie oznacza pewność każdej decyzji, więc wiesz, gdzie model zgaduje, a decyzje zostają u Ciebie.

Rozwiń Zwiń

UseCasesSection (use-cases data)

collections: use-cases + use-cases-examples
Zastosowanie

Co możesz z tym zrobić? Ta strona to jeden z przykładów.

Designer

Od briefu do wireframe'u w 2-3 godziny.

Dostajesz brief na stronę. W 2-3h masz discovery, strategię i wireframe z realnym copy. Otwierasz Figmę z gotowym planem.

Rozwiń Zwiń
  • Strategia z sitemapą i voice briefem. Wiesz co projektować zanim otworzysz Figmę.
  • Wireframe z realnym copy. Layout budowany pod faktyczne treści.
  • Decision log. Uzasadnienie dla klienta, dlaczego tak a nie inaczej.
Twórca

Vibe coding z uzasadnioną strukturą.

Budujesz stronę w Cursor czy Bolt. Wygląd jest, ale skąd te sekcje? Asystent daje wireframe z uzasadnionymi decyzjami jako input do codingu.

Rozwiń Zwiń
  • Wireframe z sekwencją sekcji i uzasadnieniem. Cursor/Bolt dostaje plan i buduje z niego.
  • Project context z personą i awareness level. Cursor/Bolt generuje kod pod konkretny przekaz.
  • Strategia z messaging hierarchy. Wiesz co strona ma komunikować.

Wrzuciłem wireframe do Google Stitch i Gemini. Wstępne wersje designu w kilka minut, z gotowym copy i strukturą.

Marketer

Profesjonalny brief dla agencji maksymalnie w 2-3 godziny.

Zlecasz stronę agencji. Dostarczasz project context z personami, celami i strategię z sitemapą. Agencja zaczyna pracę od razu.

Rozwiń Zwiń
  • Project context z personami, celami i top taskami. Brief, z którego agencja zaczyna pracę.
  • Strategia z sitemapą. Struktura strony z notatkami per podstrona.
  • Voice brief. Ton komunikacji ustalony przed designem.

Agencja dostaje project context i strategię zamiast luźnego briefu. Zaczyna pracować od razu, bez rundy pytań.

Project Manager

Koncept do akceptacji klienta w kilka godzin.

Klient czeka na strukturę strony. Dostajesz architekturę z uzasadnieniem, włącznie z odrzuconymi sekcjami i powodem. Mniej rund poprawek.

Rozwiń Zwiń
  • Strategia z uzasadnieniem i odrzuconymi opcjami. Klient widzi uzasadnienie za każdą decyzją.
  • Decision log. Dokumentacja dla zespołu i przyszłych sesji.
  • Wireframe z annotacjami. Specyfikacja do wyceny i realizacji.

ProcessSection (proof-gallery data)

collection: proof-gallery

ProcessSection (process data)

collection: process
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.

PricingSection

collection: pricing
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

netto + VAT 23%

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

Studio

Do 5 użytkowników

Przedsprzedaż 2 499 zł
799

netto + VAT 23%

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

Agencja

Bez limitu użytkowników

Przedsprzedaż 4 999 zł
1 499

netto + VAT 23%

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

14 dni na sprawdzenie. Nie pasuje, oddajesz.

DemoSection (demo data)

collection: demo
Wypróbuj za darmo

Przetestuj asystenta
na żywym projekcie dla NGO.

Wersja demo zawiera wiedzę tylko o stronach NGO i prowadzi Cię przez 3 etapy. Opisz swoją organizację lub użyj gotowego scenariusza.

Etap 1: Discovery

Zrozum projekt, odbiorców i cele organizacji.

Etap 2: Strategia

Zaplanuj strukturę i przekaz strony nonprofitowej.

Etap 3: Wireframing

Wireframe z realnym copy, gotowy do designu. Domena ograniczona do stron nonprofitowych.

DemoSection (free-trial data)

collection: free-trial
Darmowy audyt

Pobierz pakiet darmowego audytu 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.

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.

PlatformSection

collection: platform
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.

ProblemsSection (problems data)

collection: problems
Problem

UX bywa tym etapem, na który "nie ma czasu".

Zbyt wysokie koszty

Porządny proces to tysiące złotych albo tygodnie pracy, na które nie każdy startup może pozwolić.

Brak fundamentów

Nie ma discovery, nie ma strategii. Jest pusta Figma i deadline za tydzień.

Problem z treścią

Projektujesz wygląd, a treść jest "na później". W efekcie design nie pasuje do realnego przekazu.

Chatbot to nie proces

Zwykłe prompty dają losowe fragmenty wiedzy. Żaden nie pamięta co było w poprzednim.

ProblemsSection (install data)

collection: install
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.

LandscapeSection

collection: landscape
Dlaczego powstał

Zbudowałem asystenta,
którego sam chciałem mieć.

Designerowi oszczędza godziny. Marketerowi i devowi daje coś, co wcześniej wymagało budżetu na konsultanta.

01

Chatbot

Tylko odpowiada na pytania. Nie prowadzi projektu krok po kroku.

02

Kolekcje promptów

Dają fragmenty, ale brakuje spójnej metodologii i pamięci projektu.

03

Szablony UI

Ładnie wyglądają, ale nie mają strategii. Wygląd bez procesu.

04

Asystent UX

Prowadzi cały proces. Strategia, persony i wireframe z realnym copy.

Ten asystent

Jeden asystent, pełen cykl, realne pliki.

ArchitectureSection

collection: architecture
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.

ComparisonSection

collection: comparison
Porównanie

Czym to się różni od własnych szkiców,
doraźnych narzędzi i konsultanta UX?

To narzędzie
Asystent UX. Pliki, decyzje, jednorazowo.
Zrób sam
Szkice, intuicja, samodzielny audyt
Doraźne narzędzia
ChatGPT, prompty, szablony, generatory stron
Wynajmij kogoś
Konsultant UX, kurs, peer feedback
Pełen proces UX
6 etapów pracy end-to-end
ad-hoc, bez systemu
fragmenty bez procesu
pełen cykl
Realne pliki
.md, .xlsx, .html
luźne notatki
czaty, prompty, pliki graficzne
dokumenty
Kontekst między sesjami
pliki trwałe
pamięć projektanta
każda sesja od zera
w głowie konsultanta
Przystanki i decyzje
opcje z trade-off
decyzje intuicyjne
brak struktury
spotkania
Realny copy
w języku projektu
albo brak, albo lorem
generyczny lub szablonowy
profesjonalny
Koszt jednorazowo czas własny ~100 zł/mies. + 50–500 zł jednorazowo 5 000–20 000 zł/projekt

KnowledgeBaseSection

collection: knowledge-base
Baza wiedzy

Pod spodem siedzi 16 typów stron, 13 frameworków UX i 50+ wzorców sekcji.

menu_book Mapa wiedzy asystenta 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.

FAQSection

collection: faqs
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.

AuthorSection

collection: author
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

ChangelogSection

collection: changelog
Changelog

Historia zmian

2026-04-24

Audyt strony, klikalne deliverables, ścieżka audyt → redesign

Duża aktualizacja — nowy workflow audytu strony, automatyczne pobieranie istniejących stron, klikalne deliverables w przeglądarce, ścieżka audyt → redesign.

  • Mapowanie istniejących stron do makiet — dokładniej i automatycznie. Agent czyta układ Twojej strony bezpośrednio z przeglądarki (nie zgaduje ze screenshotów), więc wireframe odzwierciedla rzeczywistą strukturę: hero, sekcje, kolumny, karty, nawigację. Działa też na stronach z dużą ilością JavaScriptu, które wcześniej traciły większość treści.
  • Web (Claude / ChatGPT / Gemini) — bez kopiuj-wklej. Agent sam pobiera stronę po URL i buduje mobilną makietę (~400px szerokości). Nie przerywa Cię prośbą o wklejenie zawartości. Pełną wersję desktopową dostaniesz w wersji IDE (Claude Code, Codex, Antigravity).
  • Nowy workflow: Audyt strony. Wrzucasz URL — agent porównuje stronę z wiedzą o 17 typach stron (B2B Industrial, SaaS, ecommerce, portfolio, NGO, content oparty na danych i inne) i produkuje jeden plik HTML z dwoma deliverables: analizą architektury strony + adnotacjami na konkretnych elementach (gdzie brakuje wezwania do działania, czy ścieżka konwersji jest spójna, czy hero komunikuje propozycję wartości). Bez briefu, bez analytics, bez ankiet.
  • Sam decydujesz, co audytować. Tylko strona główna (rekomendacja, najszybciej), cały serwis (pełne pokrycie), albo własna lista podstron. Agent proponuje listę kandydatów na podstawie sitemap i wiedzy domenowej — Ty akceptujesz, edytujesz lub rezygnujesz.
  • Wnioski z audytu zasilają redesign. Jeśli po audycie chcesz przebudować stronę, wnioski (zaakceptowane / odrzucone / w dyskusji) automatycznie wpływają na kolejne kroki: plan informacji, dobór archetypu strony, anatomia każdego template'u. Nie musisz przepisywać ich ręcznie.
  • Deliverables w przeglądarce z klikalnym UI. Otwierasz audyt lub wireframe w przeglądarce — każdy wniosek jest klikalny (pokazuje się szczegół w lewym panelu), ma trzy guziki (zaakceptuj / odrzuć / oznacz do dyskusji), a na dole znajdziesz przycisk eksportu briefu decyzji jako Markdown. Wnioski są przywiązane do konkretnych elementów (np. hero, button, konkretna sekcja).
  • Free Audit Demo — lekki wariant agenta dla portfolio i produktów cyfrowych. Pobiera URL, klasyfikuje stronę, produkuje krótki audyt strony głównej. Bez zakładania projektu, bez kontekstu — idealny do prezentacji możliwości lub szybkiego feedbacku.
  • Lepsza jakość tekstu w fundamentach komunikacji. Nazewnictwo grupy docelowej (ICP) wybierane z 6 metodologii — po roli, branży, sytuacji życiowej, triggerze. Nagłówki główne dobierane z 8 sprawdzonych wzorców. Sekcja „Dlaczego my" w trzech podejściach: porównanie z konkurencją, uzupełnienie istniejących narzędzi, alternatywa dla unikania problemu. Filary z dowodami w 3 poziomach: ✅ Twarde (metryki, case studies) / 🟡 Miękkie (demo, capability) / ⚠️ Hipotezy (logika, wczesne sygnały).
2026-04-06

Fundamenty komunikacji — kompletna propozycja messagingu

Nowy workflow: Fundamenty komunikacji — budowanie kompletnej propozycji messagingu z mapowaniem dowodów.

  • Standalone workflow Fundamenty komunikacji — od konkurencji przez filary i dowody po gotowe headline'y i kanwę HTML. 11 kroków w 4 fazach z 6 STOPami
  • Orchestrator ocenia jakość fundamentów komunikacji (compact WPQS /25) przy przejściu Discovery→Strategy i automatycznie wybiera ścieżkę: pełen workflow / refine / pominięcie
  • Dwie ścieżki w kroku 1: standardowa (od konkurencji) i backward (od capabilities — dla założycieli technicznych)
  • Hybrydowa kanwa HTML 4-rzędowa, budowana inkrementalnie sekcja po sekcji wraz z dokumentem MD
  • Filary z dowodami w 3 tierach: ✅ Hard (metryki, case studies), 🟡 Soft (demo, capability), ⚠️ Hypothesis (logika, wczesne sygnały)
  • Strategy i Wireframing automatycznie konsumują plik fundamentów komunikacji jeśli istnieje — segment, kategoria, filary, headline'y, narracja
  • Wspólna baza CSS (html-craft.md) wydzielona dla wireframe'ów i kanwy fundamentów komunikacji
2026-03-31

Pełen proces mapowania ze zrzutami ekranu

Mapowanie istniejących stron rozbudowane o pełny proces ze zrzutami ekranu jako referencją wizualną.

  • Pełen proces w 5 fazach: inwentaryzacja podstron → zrzuty ekranu → mapowanie struktury → kontekst i strategia → makiety. Trzy punkty kontrolne, na których możesz zatwierdzać postęp
  • Automatyczne zrzuty całych podstron z pominięciem bannerów cookie — agent prowadzi Cię przez instalację narzędzia, jeśli go nie masz (globalnie / przy agencie / pomiń)
  • Każdy szablon strony przetwarzany równolegle, nie po kolei — szybciej dostajesz wynik dla większych serwisów
  • Każda podstrona opisana w 6 polach na sekcję: typ, cel, pytanie użytkownika, układ, elementy, treść z oryginalnej strony
  • Automatyczne wypełnienie kontekstu i strategii UX z analizy strony (nie z rozmowy z użytkownikiem)
  • Samoweryfikacja: po zbudowaniu makiety agent sprawdza, czy wszystkie sekcje i elementy z mapy znalazły się w wynikowym HTML
2026-03-30

Mapowanie istniejącej strony do prostych makiet

Nowy workflow: mapowanie istniejącej strony do prostych makiet (lo-fi wireframes). Dostępne tylko w wersji IDE (Claude Code, Codex, Antigravity).

  • Samodzielny punkt wejścia — nie wymaga wcześniejszego briefu ani strategii. Wystarczy URL strony lub plik (HTML, sitemap, screenshoty)
  • Automatyczna konfiguracja narzędzia do pobierania treści — agent sprawdza dostępność, instaluje brakujące komponenty i uruchamia w tle. Przy braku środowiska prowadzi Cię przez instalację krok po kroku
  • Rozpoznawanie szablonów strony z poziomem pewności: Pewny / Wątpliwy / Pominięty — agent pokazuje, co rozważał i dlaczego wykluczył, Ty zatwierdzasz listę przed dalszą pracą
  • Makieta odzwierciedla stan obecny bez oceny UX — ta sama jakość i format co przy projektowaniu nowych stron, treść oryginalna z Twojej strony
2026-03-29

Ujednolicone powitanie i reguły komunikacji

Poprawki orchestratora z drugiego testu live — ujednolicone powitanie i skonsolidowane reguły komunikacji.

  • Ujednolicony szablon startowy — jedno spójne powitanie adaptujące się do kontekstu (nowy użytkownik, kontynuacja, wiele projektów)
  • Reguły komunikacji skonsolidowane w jedną sekcję — eliminuje rozbieżności między różnymi częściami asystenta
2026-03-28

Nowy orchestrator — konwersacyjne nawigowanie

Zamiast numerowanej listy workflow, asystent pyta o cel i sam dobiera odpowiednią ścieżkę.

  • Asystent pyta o cel i sam dobiera odpowiednią ścieżkę — użytkownik opisuje co chce osiągnąć, asystent prowadzi
  • Mapa zależności między workflow — asystent wie, że strategia wymaga kontekstu, a wireframe wymaga strategii, i automatycznie kieruje do brakujących kroków
  • Usunięte komendy /lang i /preferences — wszystko obsługiwane konwersacyjnie
2026-03-28

Wireframing HTML-first

Wireframing przeszedł na HTML-first — makiety tworzone jako lo-fi HTML przeglądane w przeglądarce, nie jako dokumenty Markdown.

  • HTML wireframe jako domyślny i główny format — makieta rośnie sekcja po sekcji w jednym pliku HTML, użytkownik przegląda w przeglądarce i daje feedback na żywo
  • Iteracyjne budowanie w partiach: strony z 4+ sekcjami dzielone na logiczne grupy narracyjne, każda partia przeglądana przed kolejną
  • Sześć soczewek projektowych (Design Lenses): User Question, Narrative Arc, Content Priority, Persuasion, Task, Awareness
  • Nowa baza wiedzy wireframe-craft.md: zasady budowania lo-fi HTML, architektura CSS, wzorce sekcji, anti-patterny
  • Markdown wireframe dostępny jako alternatywny deliverable (nie jedyny format)
2026-03-27

Spójność języka i transparentność rozumowania

Poprawki jakości komunikacji — spójna terminologia, czystszy język polski, lepsze uzasadnienia rekomendacji.

  • Naprawione etykiety poziomów pewności — spójna terminologia między sekcjami
  • Usunięte anglicyzmy z polskojęzycznych rekomendacji
  • Usprawniona transparentność rozumowania — konkretne przykłady w blokach pewności
2026-03-24

Pełna obsługa organizacji non-profit

Od discovery po wireframe, z uwzględnieniem polskiej specyfiki (mechanizm 1,5% PIT, platformy OPP, wymogi RODO).

  • Rozbudowane wzorce donacji: warianty formularzy, mechanika wpłat cyklicznych, pokrycie prowizji, strona podziękowania
  • Storytelling i podróż darczyńcy: model emocjonalnych wyzwalaczy, architektura ścieżki darczyńcy, przeciwdziałanie zmęczeniu współczuciem
  • Polska specyfika: OPP i 1,5% PIT, polskie platformy donacyjne, sygnały zaufania, checklisty compliance
2026-03-24

Filtr anty-AI, nowa domena Data Content, eksport Word/HTML

Trzy duże zmiany: filtr jakości tekstu, nowa domena Data Content oraz eksport deliverables w formatach Word/HTML.

  • Wbudowany filtr anty-AI — 32 reguły eliminujące sztampowy, "maszynowy" język z każdego tekstu generowanego przez asystenta. Obejmuje zarówno angielskie, jak i polskie wzorce
  • Nowa domena: treści oparte na danych (raporty, dashboardy, infografiki, data stories) — 4 archetypy narracyjne, 7 person czytelnika, 17-elementowy katalog wykresów z regułami doboru
  • Deliverables w formatach Word i HTML na kluczowych etapach pracy — klient otrzymuje gotowe pliki do prezentacji bez ręcznego formatowania
2026-03-11 – 2026-03-13

Usprawnienia workflow i discovery

Asystent lepiej prowadzi discovery, jasniej komunikuje poziom pewności rekomendacji i precyzyjniej ładuje wiedzę domenową.

  • Discovery rozpoczyna się od przewodnika po danych wejściowych — asystent mówi, jakie informacje są kluczowe, a jakie opcjonalne
  • Rekomendacje oznaczone poziomem pewności (potwierdzone / prawdopodobne / spekulatywne)
  • Kroki workflow jawnie wskazują, którą wiedzę domenową wykorzystują
2026-03-10

B2B Industrial i Portfolio — nowe wzorce

Rozbudowa dwóch domen: B2B Industrial (zamawianie i konfiguracja) oraz Portfolio (branding i agencje kreatywne).

  • B2B Industrial: workspace zamówień, wzorce zatwierdzania, punchout/eProcurement, konfigurator parametryczny
  • Portfolio: archetyp Agency-Studio-Led, anatomia case study brandingowego (7 sekcji), galeria procesu kreatywnego
  • Persona CMO/Marketing Director: sekwencja budowania zaufania, zachowania podczas przeglądania
2026-03-10

Podział domeny B2B na trzy specjalizacje

Domena B2B podzielona na bazę wspólną i trzy specjalizacje: SaaS, Services, Industrial.

  • Wspólna baza B2B: routing dwóch person (techniczny vs. biznesowy kupujący), strategia pozycjonowania przez specjalizację
  • B2B Services: pełne discovery (11 założeń), typologia poleceń, 4 archetypy strategiczne
  • B2B Industrial: pełne discovery (12 założeń), integracja z ekosystemem CAD, compliance branżowy
2026-03-09

Asystent generalistą — 14 typów stron

Duża rozbudowa — asystent stał się generalistą obsługującym 14 typów stron internetowych (wcześniej: tylko B2B).

  • 14 typów stron: B2B, E-commerce, Marketplace, SaaS, Services, Community, Course, Documentation, Media, Government, Enterprise, Event, Nonprofit, Portfolio
  • Wireframy zawierają 5 stanów UI (domyślny, pusty, błąd, ładowanie, sukces) i 4-warstwowe adnotacje handoff
  • Hierarchia komunikatów i brief głosu marki w strategii; tagi tonu w wireframach
2026-03-04 – 2026-03-07

Stabilizacja po pierwszym wydaniu

Uproszczenie trybów pracy, uporządkowanie checkpointów, wydzielenie startupu do osobnego pliku.

  • Uproszczony system trybów: usunięto tryb Teacher, asystent pracuje w jednym trybie z pełnymi checkpointami
  • Ustandaryzowany format STOP checkpoint (deliverable, decyzje, pozycja, dalsze kroki)
  • Wydzielenie logiki startowej do dedykowanego pliku — szybsze uruchamianie asystenta
2026-03-01

Pierwsza wersja asystenta wg nowej specyfikacji

Pierwsza wersja asystenta UX Designer. Pełna ścieżka od discovery po log decyzji, oparta na specyfikacji architektury v3.2.