Prototypowanie z AI

TL;DR: AI buildery rewolucjonizują prototypowanie: od pomysłu do działającego prototypu w godziny zamiast tygodni. Lovable dominuje wśród AI builderów, Replit wprowadza rój agentów z kanbanem, a Claude Code pozwala nietechnicznym osobom budować pełne aplikacje. Kluczem jest Spec-Driven Development i świadomość ograniczeń każdego narzędzia.

TL;DR

AI buildery rewolucjonizują prototypowanie -- od pomysłu do działającego prototypu w godziny zamiast tygodni. Lovable dominuje wśród AI builderów, Replit wprowadza rój agentów z kanbanem, a Claude Code pozwala nietechnicznym osobom budować pełne aplikacje. Kluczem jest Spec Driven Development i świadomość ograniczeń każdego narzędzia.

Kluczowe koncepcje

Wielka bitwa AI builderów -- rok później

Po roku testowania różnych narzędzi, prowadzący podsumowują:

"Prawdę mówiąc, ja przynajmniej w swojej pracy porzuciłem wszystkie AI buildery poza Lovable, czyli zwycięzca naszej bitwy AI builderów."

Lovable wygrywa dzięki:

• Interfejs czatowy (ala ChatGPT) do opisywania co budować
• Trip design -- zaznaczanie konkretnych elementów UI do zmiany
• Tryb planowania -- agent planuje kroki przed wykonaniem
• Podpięty backend -- prototypy są już częściowo funkcjonalne
• Wysoka jakość designu bez dodatkowej konfiguracji

Replit -- rój agentów (Swarm of Agents)

Replit wprowadził przełomowy tryb pracy z wieloma agentami równolegle:

"To co widzicie teraz na tym kanbanie, to już nie jest jeden programista, to jest cały zespół. To jest wręcz rój agentów, które tutaj współpracują."

Jak to działa:

• Tworzysz taski na kanbanowej tablicy
• Agenci planują (draft -> plan -> review)
• Wiele agentów pracuje równolegle nad różnymi taskami
• Główny agent pilnuje, żeby nie było konfliktów
• Ty akceptujesz zmiany i mergeujesz do main

Dodatkowe możliwości Replit:

• Artefakty -- landing page, slajdy, dokumenty, animacje z kontekstem projektu
• Natywne aplikacje mobilne -- iOS przez Expo (React Native)
• Konektory -- gotowe integracje z Stripe, Gmail, Notion, Slack, Spotify, Discord
• Canvas -- iterowanie na designie równocześnie z kodem

Claude Code -- od PM do product buildera

(Head of Product, GOG) pokazał jak nietechniczna osoba buduje pełne aplikacje:

"Ja faktycznie vibe-kodowałem konkretna platformę treningowa dla mojej partnerki. Tosia jest trenerka personalna."

Stack dobrany przez Claude Code:

• Astro -- lekkie strony zoptymalizowane pod SEO
• Vercel -- deployment
• MemberStack -- zarządzanie subskrypcjami
• Bunny.net -- CDN i hosting video
• Sanity -- Headless CMS
• Stripe -- płatności

Wynik: Google PageSpeed 99 wydajność, SEO 100/100.

"Jedno kryterium, które dla mnie było ważne, to to, czy te narzędzia mają stworzone serwery MCP, z którymi mój LLM będzie mógł bezpośrednio gadać."

Spec Driven Development (Speckit)

Kontrolowanie vibe codingu przez specyfikacje:

"Jest to narzędzie od samego GitHuba, które umożliwia ustawienie naszego vibe codingu w specjalnych szynach techniczno-funkcjonalnych."

Proces Speckit:

• Konstytucja -- czym się kierujemy (UX, technologia, zasady)
• Development workflow -- specyfikuj, planuj, rozpisuj taski
• Specyfikacje per feature -- user stories, wymagania
• Agent planuje stack -- sam dobiera technologie, pyta o decyzje
• Egzekucja -- buduje w ramach zdefiniowanych specyfikacji

Kiedy użyć którego narzędzia

Jak to wdrożyć

• Użyć Lovable do szybkiego prototypowania propozycji UI dla klientów e-commerce
• Wdrożyć Speckit do kontrolowania jakości vibe-kodowanych prototypów
• Przetestować Replit z rojem agentów do budowania MVP dla klientów
• Stworzyć szablon "konstytucji" Speckit dla typowego projektu e-commerce zespół
• Wykorzystać artefakty Replit do generowania landing pages i materiałów promocyjnych
• Zbudować wewnętrzny prototyp narzędzia w Claude Code z integracjami MCP

Narzędzia i komendy

Powiązane tematy

• 03-kodowanie-z-ai -- od prototypu do produkcji z Cursor/Claude Code
• 01-research -- research przed prototypowaniem
• 03-wzorce-agentow -- wzorzec "rój agentów" z Replit