Builder Flow v6 — Marketing first: kampanie, reklamy, hooki, mierzalny lejek przed kodem

Builder Flow v6 to proces, w którym zanim zbudujemy produkt, budujemy mierzalny lejek sprzedażowy. Reklamy → landing page → checkout — wszystko klikalne, wszystko mierzalne, zanim powstanie linia backendu.

Kluczowe różnice względem v5:

1. Marketing Campaigns — dla każdej persony: kanały, targetowanie, budżet, harmonogram
2. Hooks & Angles — 10+ powodów dlaczego warto, gotowe do użycia w reklamach
3. Ad Creatives — gotowe teksty reklamowe (social media, Google Ads, native)
4. Mierzalny lejek — reklamy prowadzą do landing page, które prowadzą do checkoutu. Wszystko klikalne, wszystko można mierzyć zanim powstanie produkt
5. Pre-launch validation — jak zmierzyć potencjał produktu zanim się go zbuduje

Proces dzieli się na 10 faz:

1. Brainstorming — produkt

0.5. Persona Discovery — kto kupi

0.75. Marketing Campaigns — jak dotrzeć (NOWOŚĆ)

1. Specyfikacja — SDD

1.5. Hooks & Angles — dlaczego warto (NOWOŚĆ)

1.75. Ad Creatives — teksty reklam (NOWOŚĆ)

1. Design System — DaisyUI theme
2. Landing Pages — jedna per persona

3.5. Ad Funnel Integration — klikalne reklamy → landing page (NOWOŚĆ)

1. App mockupy — wspólna aplikacja
2. Pre-launch validation — mierz potencjał (NOWOŚĆ)

Faza 0: Brainstorming — produkt

mkdir -p /root/projects/<projekt>/.superpowers/sdd

cat > /root/projects/<projekt>/.superpowers/sdd/brainstorming-brief.md << 'EOF'
# Brainstorming — produkt

## Pytania
- Jaki problem rozwiązuje ten produkt?
- Jaka jest jedna zdaniowa definicja?
- Jakie są kryteria sukcesu?
- Jaka jest JEDNA najważniejsza funkcja?
- Gdzie ma być hostowane?
EOF

opencode run --prompt 'Przeczytaj brainstorming-brief.md. Zadaj pytania, zapisz odpowiedzi do brainstorming-report.md.' --auto

Faza 0.5: Persona Discovery

cat > /root/projects/<projekt>/.superpowers/sdd/persona-discovery-brief.md << 'EOF'
# Persona Discovery

## Cel
Zidentyfikuj 2-5 person. Dla KAŻDEJ odpowiedz na wszystkie pytania.

### Tożsamość
- Nazwa, wiek, zawód, styl życia
- Jaki problem rozwiązuje nasz produkt?

### Motywacje zakupowe
- Dlaczego kupuje TEN produkt?
- Co jest najważniejsze? (cena, prywatność, łatwość, wsparcie)
- Jakie ma obawy?

### Preferencje płatności
- Jak chce płacić? (karta, krypto, BLIK, PayPal, przelew)
- Czy chce być anonimowy?
- Czy potrzebuje faktury?

### Prywatność
- Jakie dane jest gotów podać?
- Jakie chce ukryć?

### Język i komunikacja
- Jaki język? Jaki ton? (formalny, casual, techniczny)
- Gdzie szuka informacji? (Google, Twitter, LinkedIn, polecenie)

### Customer journey
- Jak znajduje produkt?
- Co go przekonuje do zakupu?
- Co go blokuje?

## Output
Plik persona-discovery-report.md z 2-5 personami.
EOF

opencode run --prompt 'Przeczytaj brainstorming-report.md i persona-discovery-brief.md. Wykonaj Persona Discovery z ownerem. Zapisz do persona-discovery-report.md.' --auto

Faza 0.75: Marketing Campaigns per Persona (NOWOŚĆ v6)

Dla każdej persony CEO definiuje kampanie marketingowe: kanały, targetowanie, budżet, harmonogram, KPI.

Krok 0.75.1: Brief marketing campaigns

cat > /root/projects/<projekt>/.superpowers/sdd/marketing-campaigns-brief.md << 'EOF'
# Marketing Campaigns per Persona

## Cel
Dla KAŻDEJ persony z persona-discovery-report.md, stwórz kompletny plan marketingowy.

## Wymagane sekcje

### 1. Kanały dotarcia
Gdzie szukać tej persony? Dla każdego kanału:
- Platforma (Google Ads, Facebook, Twitter/X, LinkedIn, Reddit, Telegram, YouTube, TikTok, newsletter, podcast, GitHub, Stack Overflow, blogi branżowe)
- Format (search ad, social post, video, banner, native, referral, guest post)
- Dlaczego ten kanał działa dla tej persony?

### 2. Targetowanie
- Demografia: wiek, lokalizacja, język
- Zainteresowania: co jeszcze lubi, co czyta, co ogląda
- Zachowania: jakie strony odwiedza, jakie grupy, jakie hasła wpisuje w Google
- Keywords dla Google Ads (10-20 słów kluczowych)

### 3. Budżet i harmonogram
- Budżet dzienny/miesięczny
- Czas trwania kampanii
- Seasonality (czy są lepsze miesiące?)

### 4. KPI i mierzenie
- Co mierzymy? (CTR, CPC, CPM, konwersja, CPA, ROAS)
- Jaki jest target? (np. CTR > 2%, CPA < $10)
- Jakie narzędzia? (Google Analytics, Meta Pixel, własne)

### 5. Treść kampanii
- Jaki typ treści działa? (case study, porównanie, demo, opinie, edukacja)
- Jaka częstotliwość? (daily, weekly, monthly)
- Czy jest content marketing? (blog, video, newsletter)

### 6. Przykład kampanii dla persony "Prywaciarz"
- Kanały: Reddit r/privacy, r/Monero, Twitter krypto, GitHub, Telegram krypto
- Targetowanie: 25-40 lat, IT, zainteresowania: privacy, crypto, open source
- Keywords: "private browser", "anonymous browsing", "monero browser", "privacy tools"
- Budżet: $500/miesiąc na Reddit ads + Twitter organic
- KPI: CTR > 3%, koszt pozyskania < $8

### 7. Przykład kampanii dla persony "Firmowiec"
- Kanały: LinkedIn, Google Ads (B2B), konferencje IT, polecenia
- Targetowanie: 35-50 lat, dyrektor IT, branża: fintech, medtech, SaaS
- Keywords: "bezpieczna przeglądarka dla firm", "enterprise browser", "zero trust"
- Budżet: $2000/miesiąc na LinkedIn Ads + Google Ads
- KPI: CTR > 1.5%, CPA < $50, MQL > 20/miesiąc

## Output
Plik marketing-campaigns-report.md — kampanie dla każdej persony.
EOF

opencode run --prompt '
Przeczytaj persona-discovery-report.md i marketing-campaigns-brief.md.
Wygeneruj marketing-campaigns-report.md z kampaniami dla każdej persony.
Dla każdej: kanały, targetowanie, budżet, KPI, keywords, treść.
' --auto

Krok 0.75.2: Przykład — kampanie dla 2 person

Persona: Prywaciarz

Keywords Google/DDG: private browser, anonymous browsing, privacy browser, no log browser, monero browser, crypto browser, zero tracking browser, open source private browser

Persona: Firmowiec

Keywords Google: bezpieczna przeglądarka dla firm, enterprise browser, zero trust browser, secure remote browsing, browser security policy, endpoint protection browser

Faza 1: Specyfikacja przez superpowers SDD

cat > .superpowers/sdd/phase-1-brief.md << 'EOF'
# Faza 1: Specyfikacja biznesowa

## Cel
Na podstawie brainstorming-report.md i persona-discovery-report.md, stwórz specyfikację biznesową.

## Sekcje
1. Persony — podsumowanie
2. User stories — priorytetyzowane (P0, P1, P2)
3. MVP scope
4. Przepływ biznesowy — od reklamy do aktywnego użytkownika (per persona)
5. Metryki sukcesu

## Output
Plik phase-1-report.md
EOF

opencode run --prompt 'Przeczytaj brainstorming-report.md, persona-discovery-report.md, marketing-campaigns-report.md i phase-1-brief.md. Wygeneruj phase-1-report.md.' --auto

cat > .superpowers/sdd/phase-2-brief.md << 'EOF'
# Faza 2: Specyfikacja techniczna

## Sekcje
1. Struktura URL-i — landing pages + app + tracking pixels
2. Model danych
3. API endpoints
4. Stack

## URL structure
- / — strona główna (wybór persony)
- /prywaciarz/ — landing page
- /firmowiec/ — landing page
- /checkout/prywaciarz/ — checkout flow
- /checkout/firmowiec/ — checkout flow
- /thank-you/prywaciarz/ — po zakupie
- /thank-you/firmowiec/ — po zakupie
- /app/ — wspólna aplikacja
- /pixel/ — tracking pixel (opcjonalnie)

## Output
Plik phase-2-report.md
EOF

opencode run --prompt 'Przeczytaj phase-1-report.md i phase-2-brief.md. Wygeneruj phase-2-report.md.' --auto

cat > .superpowers/sdd/phase-3-brief.md << 'EOF'
# Faza 3: Specyfikacja wizualna

## Kategoria A: Landing Pages (per persona)
Dla każdej: URL, cel, sekcje, CTA, komponenty DaisyUI

## Kategoria B: Checkout Pages (per persona)
Dla każdej: URL, krok 1/2/3/4, formularze, metody płatności, komponenty

## Kategoria C: Thank You Pages (per persona)
Dla każdej: URL, co użytkownik widzi po zakupie, link do aplikacji

## Kategoria D: Aplikacja (wspólna)
Dla każdej strony app: URL, cel, komponenty, dane mockowe

## Output
Plik phase-3-report.md
EOF

opencode run --prompt 'Przeczytaj phase-1-report.md, phase-2-report.md i phase-3-brief.md. Wygeneruj phase-3-report.md.' --auto

Faza 1.5: Hooks & Angles — dlaczego warto (NOWOŚĆ v6)

CEO generuje 10+ powodów, dla których warto kupić produkt — gotowe do użycia w reklamach, landing page, social media.

Krok 1.5.1: Brief hooks

cat > /root/projects/<projekt>/.superpowers/sdd/hooks-brief.md << 'EOF'
# Hooks & Angles — dlaczego warto

## Cel
Wygeneruj 10+ unikalnych powodów (hooks/angles), dla których warto kupić ten produkt.
Każdy hook to gotowe zdanie, które można użyć w: nagłówku reklamy, pierwszym zdaniu posta, hero landing page, CTA, video script.

## Wymagane — dla KAŻDEGO hooka:

### 1. Nagłówek (headline)
Krótkie, mocne zdanie (max 10 słów). Przykład: "Zero śledzenia. Zero logowania. Zero danych."

### 2. Rozwinięcie (body)
2-3 zdania rozwijające nagłówek. Przykład: "Kupujesz krypto, dostajesz link. Żadnego emaila, żadnego konta, żadnych danych osobowych. Prywatność nie jest funkcją — to jest jedyna funkcja."

### 3. Persona
Do której persony ten hook przemawia?

### 4. Kanał
Gdzie ten hook działa najlepiej? (Reddit, Twitter, LinkedIn, Google Ads, landing page, email, video)

### 5. Emocja
Jaka emocja? (strach, złość, nadzieja, ciekawość, ulga, duma)

## Kategorie hooków (min. 2 z każdej)

### Pain Point Hooks — uderz w ból
- "Każda przeglądarka Cię śledzi. Chrome, Edge, Firefox — wszyscy wiedzą kim jesteś."
- "Twoi pracownicy używają niebezpiecznych przeglądarek. Jeden błąd = data breach."

### Benefit Hooks — pokaż korzyść
- "Przeglądarka, która nie wie nawet jak się nazywasz. I to jest jej supermoc."
- "Zarządzaj przeglądarkami całego zespołu z jednego panelu. 5 minut konfiguracji."

### Curiosity Hooks — wzbudź ciekawość
- "Co by było, gdyby przeglądarka nie miała twojego emaila? Ani IP? Ani historii?"
- "Przeglądarka, którą kupujesz za Monero i dostajesz link. To wszystko."

### Social Proof Hooks — pokaż że inni już używają
- "4000+ użytkowników którzy nie chcą być śledzeni. Dołącz do nich."
- "Firmy z sektora fintech używają tej przeglądarki do ochrony danych."

### Objection Hooks — odpowiedz na obiekcję
- "Ale to na pewno drogie? 0.05 XMR. Dożywotnio. Płacisz raz."
- "Ale czy to nie jest skomplikowane? Monero → link → PIN. 3 minuty."

## Output
Plik hooks-report.md z 10+ hookami, każdy z headline, body, persona, kanał, emocja.
EOF

opencode run --prompt '
Przeczytaj persona-discovery-report.md, marketing-campaigns-report.md i hooks-brief.md.
Wygeneruj hooks-report.md z 10+ hookami. Dla każdego: headline, body, persona, kanał, emocja.
' --auto

Krok 1.5.2: Przykład — 10 hooks dla 2 person

Dla persony Prywaciarz:

Dla persony Firmowiec:

Faza 1.75: Ad Creatives — gotowe teksty reklam (NOWOŚĆ v6)

Dla każdego kanału z marketing-campaigns-report.md, CEO generuje gotowe teksty reklamowe — copy + wizualizacja.

Krok 1.75.1: Brief ad creatives

cat > /root/projects/<projekt>/.superpowers/sdd/ad-creatives-brief.md << 'EOF'
# Ad Creatives — gotowe teksty reklamowe

## Cel
Dla każdej persony i każdego kanału z marketing-campaigns-report.md, wygeneruj gotowe teksty reklamowe.

## Wymagane — dla KAŻDEJ reklamy:

### 1. Platforma
Google Ads, Facebook, Twitter, LinkedIn, Reddit, Telegram, YouTube

### 2. Format
Search ad, display ad, social post, sponsored content, video script, native ad

### 3. Nagłówek (headline)
Krótki, mocny. Użyj hooka z hooks-report.md.

### 4. Opis (description)
2-3 zdania. Rozwija nagłówek, prowadzi do CTA.

### 5. CTA
Co użytkownik ma kliknąć? ("Kup za Monero", "Zamów dla firmy", "Wypróbuj za darmo", "Dowiedz się więcej")

### 6. URL docelowy
Gdzie prowadzi reklama? (/prywaciarz/, /firmowiec/, /checkout/)

### 7. Wizualizacja (opis)
Jak wygląda reklama? (kolor, układ, obrazek, ikona, logo)

### 8. A/B test
Propozycja wariantu B (inny nagłówek, inne CTA)

## Output
Plik ad-creatives-report.md z gotowymi tekstami reklam dla każdej persony × kanał.
EOF

opencode run --prompt '
Przeczytaj persona-discovery-report.md, marketing-campaigns-report.md, hooks-report.md i ad-creatives-brief.md.
Wygeneruj ad-creatives-report.md z gotowymi tekstami reklam. Dla każdej persony × kanał: nagłówek, opis, CTA, URL, wizualizacja, A/B test.
' --auto

Krok 1.75.2: Przykład — ad creatives

Google Ads — Prywaciarz

LinkedIn Ads — Firmowiec

Reddit — Prywaciarz (r/privacy)

Faza 2: Design System — DaisyUI theme

echo "data-theme: corporate" > /root/projects/<projekt>/.superpowers/sdd/selected-theme.txt

Faza 3: Landing Pages — jedna per persona

(Zgodnie z v5 — hero, problem, rozwiązanie, korzyści, cena, CTA, steps, FAQ)

Faza 3.5: Ad Funnel Integration — klikalne reklamy → landing page (NOWOŚĆ v6)

CEO tworzy stronę z symulacją reklam, która prowadzi do landing page — żeby można było kliknąć, sprawdzić, zmierzyć.

Krok 3.5.1: Strona z symulacją reklam

opencode run --prompt '
Stwórz stronę /var/www/projects/<projekt>/ad-funnel/index.html.

CEL: symulacja lejka reklamowego. Pokazuje jak wyglądają reklamy w różnych kanałach,
zanim zostaną opublikowane. Każda reklama jest klikalna → prowadzi do właściwej landing page.

ZASADY:
1. DaisyUI + Tailwind przez CDN
2. Sekcje dla każdego kanału reklamowego

### Sekcja 1: Google Ads (symulacja wyników wyszukiwania)
Wygląda jak strona wyników Google z 2-3 reklamami na górze.
Każda reklama: nagłówek (link), opis, URL, CTA.
Kliknięcie → /prywaciarz/ lub /firmowiec/

### Sekcja 2: Reddit (symulacja posta)
Post na r/privacy z tytułem, treścią, komentarzami.
Kliknięcie w link → /prywaciarz/

### Sekcja 3: LinkedIn (symulacja sponsored content)
Post sponsoringowany na LinkedIn: nagłówek, opis, CTA, logo firmy.
Kliknięcie → /firmowiec/

### Sekcja 4: Twitter/X (symulacja tweeta)
Tweet z hookiem, obrazek, link.
Kliknięcie → /prywaciarz/

### Sekcja 5: Landing page preview
Miniatura każdej landing page z linkiem do pełnej wersji.

### Footer
"Ad Funnel Prototyp v6 — klikalne reklamy prowadzące do landing page"
' --auto

Krok 3.5.2: Stwórz checkout pages

# Checkout dla Prywaciarza (krypto, zero danych)
opencode run --prompt '
Stwórz /var/www/projects/<projekt>/checkout/prywaciarz/index.html.

Krok 1: "Wybierz krypto"
- Monero (XMR) — rekomendowane
- Bitcoin (BTC)

Krok 2: "Wyślij krypto"
- Adres XMR: 4A... (przykładowy)
- QR kod (placeholder)
- Instrukcja: "Wyślij dokładnie 0.05 XMR na powyższy adres"

Krok 3: "Czekaj na potwierdzenie"
- Loading spinner DaisyUI
- "Po 1 konfirmacji sieci dostaniesz link"

Krok 4: "Twój link"
- Unikalny link (przykładowy)
- "Link ważny 24h. Po kliknięciu ustawisz PIN."
- Przycisk: "Przejdź do aplikacji →" → /app/dashboard/

DaisyUI, data-theme="corporate", bez hexów, bez inline style.
' --auto

# Checkout dla Firmowca (B2B, faktura)
opencode run --prompt '
Stwórz /var/www/projects/<projekt>/checkout/firmowiec/index.html.

Krok 1: "Dane firmy"
- Formularz: nazwa firmy, NIP, email, telefon, liczba użytkowników
- Inputy DaisyUI: input input-bordered, select select-bordered

Krok 2: "Wybierz plan"
- Monthly: $19/user/miesiąc
- Yearly: $15/user/miesiąc (20% rabatu)
- Karty DaisyUI: card card-bordered z radio option

Krok 3: "Płatność"
- Karta firmowa (inputy: numer, data, CVV)
- Przelew (nr konta: przykładowy)
- Checkbox: "Chcę fakturę VAT"

Krok 4: "Potwierdzenie"
- "Sprawdź dane" → podsumowanie
- CTA: btn-primary "Zamów i zapłać"

Po kliknięciu → /thank-you/firmowiec/

DaisyUI, data-theme="corporate", bez hexów, bez inline style.
' --auto

Krok 3.5.3: Stwórz thank you pages

# Thank You dla Prywaciarza
opencode run --prompt '
Stwórz /var/www/projects/<projekt>/thank-you/prywaciarz/index.html.

- "Gratulacje! Jesteś teraz anonimowy."
- Twój unikalny link: https://10s.pl/<projekt>/app/link/abc123 (przykład)
- Uwaga: "Link ważny 24h. Po kliknięciu ustaw PIN."
- CTA: btn-primary "Przejdź do aplikacji →" → /app/dashboard/
- Ikona: tarcza/green check
- DaisyUI, data-theme="corporate"
' --auto

# Thank You dla Firmowca
opencode run --prompt '
Stwórz /var/www/projects/<projekt>/thank-you/firmowiec/index.html.

- "Dziękujemy za zamówienie!"
- "Faktura VAT zostanie wysłana na podany email w ciągu 24h."
- "Panel admina: https://10s.pl/<projekt>/app/admin/ (przykład)"
- "Linki dla pracowników: wyślemy na email w ciągu 15 min."
- CTA: btn-primary "Przejdź do panelu admina →" → /app/dashboard/
- Informacja: "Nasz opiekun handlowy skontaktuje się w ciągu 24h."
- DaisyUI, data-theme="corporate"
' --auto

Krok 3.5.4: Kompletny lejek — weryfikacja

# Sprawdź czy cały lejek działa: ad → landing → checkout → thank you
for url in \
  /ad-funnel/ \
  /prywaciarz/ \
  /firmowiec/ \
  /checkout/prywaciarz/ \
  /checkout/firmowiec/ \
  /thank-you/prywaciarz/ \
  /thank-you/firmowiec/ \
  /app/dashboard/; do
  code=$(curl -s -o /dev/null -w "%{http_code}" --max-time 5 "https://10s.pl/<projekt>$url")
  echo "$url → HTTP $code"
done

Faza 4: App mockupy — wspólna aplikacja

Aplikacja jest taka sama dla wszystkich person (jak w v5).

Faza 5: Pre-launch validation — mierz potencjał przed kodem (NOWOŚĆ v6)

Krok 5.1: Co mierzyć przed napisaniem kodu

Krok 5.2: Jak mierzyć bez backendu

# 1. Symuluj reklamy — pokaż użytkownikom ad-funnel page
# 2. Każde kliknięcie → landing page (można mierzyć przez URL params)
# 3. Każde kliknięcie CTA → checkout (można mierzyć)
# 4. Każde kliknięcie checkout → thank you (można mierzyć)

# Prosty tracking przez URL params (bez backendu):
# /prywaciarz/?ref=reddit
# /prywaciarz/?ref=twitter
# /checkout/prywaciarz/?ref=reddit
# /thank-you/prywaciarz/?ref=reddit

# CEO może sprawdzić logi nginx dla liczby wejść:
grep "prywaciarz" /var/log/nginx/access.log | grep "ref=reddit" | wc -l

Krok 5.3: Decyzja go/no-go

Po zmierzeniu lejka, CEO podejmuje decyzję:

[CEO] Wyniki pre-launch validation:

Reklamy:
- Reddit r/privacy: CTR 4.2% ✅ (target > 3%)
- Twitter: CTR 2.1% ⚠️ (target > 3%)
- LinkedIn: CTR 1.8% ⚠️ (target > 1.5%)

Landing → Checkout:
- Prywaciarz: 12% konwersji ✅ (target > 10%)
- Firmowiec: 8% konwersji ⚠️ (target > 10%)

Checkout → Thank You:
- Prywaciarz: 55% ✅ (target > 50%)
- Firmowiec: 45% ⚠️ (target > 50%)

Decyzja: ✅ BUILD — produkt ma potencjał. Poprawić landing page Firmowca.

Pełny lejek — wizualizacja

                    ┌──────────────────────┐
                    │  REKLAMA (ad-funnel)  │
                    │  Google / Reddit / TW │
                    │  LinkedIn / Telegram  │
                    └──────────┬───────────┘
                               │ kliknięcie
                               ▼
                    ┌──────────────────────┐
                    │  LANDING PAGE         │
                    │  /prywaciarz/         │
                    │  /firmowiec/          │
                    │  (hero, korzyści,     │
                    │   cena, FAQ, CTA)     │
                    └──────────┬───────────┘
                               │ CTA
                               ▼
                    ┌──────────────────────┐
                    │  CHECKOUT             │
                    │  /checkout/prywaciarz/│
                    │  /checkout/firmowiec/ │
                    │  (krypto / karta /    │
                    │   faktura)            │
                    └──────────┬───────────┘
                               │ płatność
                               ▼
                    ┌──────────────────────┐
                    │  THANK YOU            │
                    │  /thank-you/prywaciarz│
                    │  /thank-you/firmowiec │
                    │  (link / panel admin) │
                    └──────────┬───────────┘
                               │ wejście
                               ▼
                    ┌──────────────────────┐
                    │  APLIKACJA            │
                    │  /app/dashboard/      │
                    │  (wspólna, ta sama    │
                    │   dla wszystkich)     │
                    └──────────────────────┘

Porównanie v5 → v6

Playbook: 60-minutowy Builder Flow v6

Przygotowanie (2 min):

• [ ] mkdir -p /root/projects/<projekt> && cd $_ && git init
• [ ] Stwórz kanban task

Brainstorming + Persona Discovery (10 min):

• [ ] Pytania o produkt
• [ ] Identyfikacja 2-5 person

Marketing + Hooks + Ads (10 min):

• [ ] Kampanie per persona (kanały, budżet, KPI)
• [ ] 10+ hooków (pain, benefit, curiosity, social proof, objection)
• [ ] Gotowe teksty reklam (Google, Reddit, LinkedIn, Twitter)

Specyfikacja (5 min):

• [ ] superpowers SDD → phase-1, phase-2, phase-3

Design System (2 min):

• [ ] Wybierz motyw DaisyUI
• [ ] base.html z CDN

Landing Pages + Checkout + Thank You (15 min):

• [ ] Landing page per persona
• [ ] Checkout per persona
• [ ] Thank you per persona
• [ ] Strona główna (wybór persony)

Ad Funnel (5 min):

• [ ] Strona symulacji reklam (/ad-funnel/)
• [ ] Wszystkie reklamy klikalne → landing page

App mockupy (5 min):

• [ ] Wspólna aplikacja

Weryfikacja + Validation (6 min):

• [ ] HTTP 200 dla wszystkich stron
• [ ] Spójność: DaisyUI, zero hexów, ten sam theme
• [ ] Pre-launch validation: zmierz CTR, konwersję, czas
• [ ] Decyzja go/no-go

Mierzenie sukcesu

Źródła (Linki URL)

• DaisyUI — dokumentacja
• DaisyUI — lista komponentów
• DaisyUI — lista motywów
• Tailwind CSS — dokumentacja
• superpowers — obra/superpowers GitHub
• opencode — kimi-k27/code
• Builder Flow v1
• Builder Flow v2
• Builder Flow v3
• Builder Flow v4
• Builder Flow v5
• Builder Flow v6 — ta wersja

Źródła (Pliki)

• /root/.config/opencode/opencode.json — konfiguracja opencode
• /root/convertere/reports/builder-flow-v1.md — v1
• /root/convertere/reports/builder-flow-v2.md — v2
• /root/convertere/reports/builder-flow-v3.md — v3
• /root/convertere/reports/builder-flow-v4.md — v4
• /root/convertere/reports/builder-flow-v5.md — v5
• /root/convertere/reports/builder-flow-v6.md — ten raport