Skip to main content

No-code i vibe coding dla biznesu — budowanie narzędzi bez programowania

TL;DR: Osoby nietechniczne mogą dziś budować produkcyjne aplikacje dzięki narzędziom takim jak Replit, Lovable i Claude Code. CEO firmy produktowo-usługowej zbudował 46 aplikacji w ciągu roku: od systemu ERP, przez trenera sprzedaży z Eleven Labs, po pełną agentyzację firmy z Claude Code i MCP. Kluczowa lekcja: narzędzia to 30% sukcesu, 70% to product management, czyli wiedzieć CO budować i DLACZEGO.

TL;DR

Osoby nietechniczne mogą dziś budować produkcyjne aplikacje dzięki narzędziem jak Replit, Lovable i Claude Code. CEO firmy produktowo-usługowej zbudował 46 aplikacji w ciągu roku -- od systemu ERP, przez trener sprzedaży z Eleven Labs, po pełna agentyzacje firmy z Claude Code + MCP. Kluczowa lekcja: narzedziolka to 30% sukcesu, 70% to product management -- wiedzieć CO budować i DLACZEGO.

Kluczowe koncepcje

Historia -- CEO który zbudował 46 aplikacji

CEO firmy produktowo-usługowej z kilkuset klientami i systemem rozwijanym od 8 lat. Nie jest programista z wykształcenia, ale w ciągu ostatniego roku zbudował 46 aplikacji używanych w firmie:

"Kiedyś nie było miejsca na coś takiego jak disposable software. Ze robię coś, rozwiązuję problem i dalej nie muszę używać. Kiedyś to by się pewnie kompletnie nie opłacało." -- Statystyki z mapy aplikacji Igora:

  • 46 aplikacji łącznie
  • 15 zawiera integracje z API różnych LLMów
  • 36 jest połączonych z innymi systemami
  • 15 to wysoka złożoność
  • 11 to "disposable software" -- jednorazowe narzędzia, które rozwiązały problem i nie są już potrzebne

Kategorie aplikacji:

ObszarPrzykładWpływ
**Customer Success**Automatyczna komunikacja, grafiki, schedulingNajwięcej apek -- tu było najwięcej ręcznej pracy
**Sprzedaż**System ofert z trackingiem (czy klient otworzył ofertę), porównania, cenniki interaktywneWyższy conversion rate
**Produkt**Nowa linia biznesowa SaaS dla mniejszych klientówNowy revenue stream -- "5x szybciej i 5x taniej"
**Operacje**System ERP, parsowanie faktur, zarządzanie finansamiCała firma zarządzana z jednego systemu
**Knowledge**Knowledge base, user feedback intelligence z embeddingamiLepsze decyzje produktowe
**Trening**Trener sprzedaży z Eleven Labs -- symulacja rozmów z klientamiNowi handlowcy nie pala prawdziwych lidów

"Software eats the world. Z softwarem można dużo rozwiązać problemów, tylko ze kiedyś to było za drogie, niedostępne dla nietechnicznych. Teraz można budować rozwiązania szyte na miarę." -- ### Replit -- najbardziej przyjazne środowisko dla nieprogramistów

Igor buduje na zmianę w Replit i Claude Code, "najczęściej ostatnio w ogóle równolegle".

Dlaczego Replit dla początkujących:

  • Pełny obraz sytuacyjny -- agent wie co jest w bazie danych, widzi logi, rozumie kontekst
  • Baza danych w zestawie -- nie trzeba łączyć Supabase
  • Prosty deployment -- jedno kliknięcie
  • Wersjonowanie (Git) wbudowane
  • Security scan wbudowany
  • Zarządzanie kluczami API -- nie da się popełnić błędu z hardcodowaniem

"Replit ma pewne schematy, które najbardziej lubi. Jest znacznie większym pomocnikiem, w szczególności dla osób początkujących." -- Nowe feature'y Replit -- tryb agentowy z kanbanem:

Replit wprowadził "rój agentów" -- wiele agentów pracuje równolegle nad różnymi taskami:

"To już nie jest jeden programista, to jest cały zespół. To jest wręcz rój agentów, które działają znacznie samodzielnie. Główny agent pilnuje, żeby ta praca nie miała konfliktów." -- Workflow:

  • Taski w drafcie -> aktywne prace -> gotowe
  • Wielu agentów pracuje jednocześnie
  • Akceptujemy zmiany i mergujemy do głównej wersji
  • Można pracować w 2+ osoby + nieograniczona liczba agentów

"Nigdy nie było takich czasów, gdzie tak bardzo ważne są umiejętności product managementu. Bo ten kanban to jest koordynacja, priorytetyzacja, odbieranie, decydowanie, planowanie." -- Replit vs Claude Code -- kiedy co używać:

AspektReplitClaude Code
**Dla kogo**Początkujący, non-techniczniTechniczni, więcej kontroli
**Baza danych**WbudowanaTrzeba połączyć samemu
**Deployment**Jedno kliknięcieTrzeba ogarnąć hosting
**Cena**Limity ranów/promptówLimity tokenów (Max sub)
**Persona agenta**Bardziej pomocny, rozumie kontekstBardziej techniczny
**Istniejące projekty**Łatwe dla nowych, trudniejsze dla legacyŚwięte dla dowolnego repo
**Aplikacje mobilne**React Native + Expo (iOS)Wymaga konfiguracji

"Ja nie widzę jakby różnicy pod spodem. To są te same modele. Replit daje mi dużo rzeczy gratis, dzięki temu jestem szybszy." -- Praktyczna wskazówka -- praca równoległa:


Replit: Szybkie nowe apki, prototypy, disposable software
Claude Code: Praca na istniejącym repo, maksowanie subskrypcji Max
Lovable: Prototypy UX do walidacji (nie do produkcji)

"Im dłużej sobie pracuję i tu i tu, to czasem jak chcę bardzo dużo budować, to ide w Replit -- wiem że niektóre rzeczy zrobię szybciej, a tak samo jakościowo." -- ### Lovable -- prototypy, nie produkcja

Lovable to AI builder do szybkiego tworzenia działających prototypów:

Co Lovable robi dobrze:

  • Szybki prototyp z jednego prompta
  • Design system (np. neobrutalistyczny) z definicji
  • Integracja z Supabase (baza, auth)
  • Połączenie z Gemini (funkcje AI)
  • Podstawowe security audyty
  • Pod spodem: React + Tailwind

Czego Lovable NIE robi:

  • Produkcyjne aplikacje (problemy ze skalowaniem, bezpieczeństwem)
  • Import istniejących repozytoriów (tylko kompatybilny stack)
  • Aplikacje w dowolnym stacku

"Lovable w naszym procesie traktujemy jako narzędzie do budowania prototypów. Pokazujemy użytkownikowi: proszę, tu jest aplikacja, poklikaj sobie, powiedz jak ona dla ciebie działa." -- Piotr (eksperci)

Import istniejącego repo do Lovable:

  • Stwórz dowolny projekt w Lovable
  • Podmień kod w repozytorium na kod docelowy
  • Warunek: stack kompatybilny (Next.js lub statyczny)

"Budowanie sklepu na Lovable nie ma sensu. Zrób piękny landing page, ale pod spodem podepnij gotowy serwis sklepowy. Odtwarzanie Shopera w vibe codingu nie ma sensu z wielu względów." -- ### Pencil -- AI design tool

Pencil to narzędzie łączące Figmę z Claude Code:

  • Interfejs jak Figma -- można zaznaczać, edytować elementy
  • Promptowanie zmian designu
  • Pod spodem: Claude Code (Opus 4.6)
  • Skanuje istniejące designy i tworzy nowe na ich podstawie
  • Można generować kod React z designu

"Pencil jest super opcja dla designerów, którzy chcą skrócić sobie prace, albo dla osób, które nie parają się designem, a chciałyby wygenerować design na istniejącym design systemie." -- (eksperci)

Workflow z Pencil:

  • Wrzuć istniejący design (frame)
  • Napisz prompt co chcesz zmienić/dodać
  • Pencil skanuje istniejące elementy, kopiuje frame, buduje nowy design
  • Przekaz designerowi do udoskonalenia LUB wygeneruj kod React

Agentyzacja firmy -- Claude Code + MCP + skille firmowe

Igor pokazał najwyższy poziom wykorzystania no-code/low-code -- połączenie wszystkich systemów firmy w jeden agent workflow:

Architektura:


Claude Code (Clotcowork) -- centralny agent
 |
 +-- ERP (custom, zbudowany z AI)
 +-- core product firmy (8 lat)
 +-- HubSpot (CRM, sprzedaż)
 +-- Gmail (drafty maili)
 +-- Fireflies (transkrypty spotkań)
 +-- Google Drive
 +-- Custom apps (46 aplikacji)
 +-- Second Brain (baza wiedzy operacyjnej)

Przykład workflow (jeden prompt):

"Podsumuj ostatnia edycje wyzwania firmowego dla klienta. Zdraftuj maila z podsumowaniem. Zaplanuj wiadomość do uczestników. Dodaj notatkę do HubSpot. Wygeneruj grafiki promocyjne."

Agent realizuje 7 kroków:

  • Szuka klienta w ERP -> znajduje kontakt (Anna Kowalska)
  • Łączy się z Stats MCP firmy -> wyciąga statystyki edycji
  • Szuka transkryptu spotkania w Fireflies
  • Generuje grafiki promocyjne (custom narzędzie)
  • Planuje komunikat do uczestników w systemie
  • Tworzy notatkę w HubSpot
  • Draftuje maila w Gmail

"To workflow powtarza się jakieś 1000 razy w roku. Kilkaset klientów razy kilka edycji. Kiedyś to była godzina-dwie ludzkiej pracy per wykonanie. Dzisiaj to zajęło 5-7 minut." -- Second Brain firmy:

  • Timeline z logami wszystkich akcji
  • Agenci mają pełny obraz sytuacyjny
  • Ludzie też mogą dodawać wpisy
  • Podstawa do pełnej agentyzacji -- agenci działający samodzielnie

"Następnym etapem poza budowaniem jest połączenie wszystkiego w całość, w taki system, którym mogą pracować nie tylko ludzie, ale ludzie z agentami, a w ostatnim etapie pewnie też sami agenci." -- ### Kiedy no-code vs full development

KryteriumNo-code / Vibe codingFull development
**Prototyp do walidacji**TAK (Lovable, Replit)Niepotrzebne
**Internal tools**TAK (Replit, Claude Code)Nie, chyba że enterprise-grade
**Disposable software**TAK -- jednorazowe narzędziaNie opłacalne
**Core product**NIE -- core product (8 lat) = programiściTAK
**Nowa linia biznesowa**TAK -- szybki MVPPóźniej, jak zawalidujemy
**Sklep e-commerce**NIE -- lepiej Shopify/ShoperTAK (custom)
**Landing page**TAK (Lovable, Replit)Nie, chyba że SEO-critical
**Integracje API/MCP**Wspólnie z devamiDevvy proponują rozwiązania

"Narzedziolka to jest 30%, 70% to product management. Zrozumienie tego czego się dzieje, product discovery. Budowanie stało się tanie -- trzeba się czymś innym wyróznic." -- ### Koszty referencyjne

ProjektNarzędzieKosztCzas
Landing + platforma treningowa (trenujonline.pl)Claude Code~400 USDKilka wieczorów
Ta sama strona tradycyjnieWebflow + freelancer~4500 PLN3 tygodnie
Prototyp do walidacjiLovable/darmowe plany~0-20 USD1-2h
46 aplikacji firmowychReplit + Claude CodeSubskrypcje~12 miesięcy

"Koszty tworzenia oprogramowania radykalnie się zmniejszyły, faktycznie dążą do zera. 400 dolarów za gotowy produkt z logowaniem, rejestracją, paymentami, CDNami, streamingiem -- uważam, że to dobra cena." -- Piotr (eksperci)

Doom loop i jak go unikać

Problem znany z vibe codingu -- agent wpada w pętlę, naprawia bugi tworząc nowe:

"Rok temu potrafiłem spędzić całe noce, całe dni i nic z tego nie było. Zdarzało mi się pomysły wyrzucić do kosza." -- Trzy rzeczy, które to rozwiązują:

  • Doświadczenie -- po prostu buduj dużo, ucz się na błędach
  • Lepsze modele -- Opus 4.5/4.6 dramatycznie lepsze niż rok temu
  • Lepszy harnessing -- Replit zaprojektowany, żeby pomagać nietechnicznym

Praktyczne wskazówki:

  • Revertuj do poprzedniej wersji zamiast walczyć z bugami
  • Zaczynaj nowe okna/konteksty -- "żeby nie mieć zaśmieconego kontekstu, żeby dużo tokenów nie szło"
  • Nie zaczynaj od najtrudniejszych projektów

"Ja na swoim kursie chciałem pokazać kursantom jak debuguję bugy i zdarzyło mi się tak, że po prostu nie mogłem wywołać żadnych. Piękne czasy." -- ## Jak to wdrożyć

  • Zidentyfikować 10 powtarzalnych workflow w firmie, które można zamienić na custom apki (Replit)
  • Zbudować "wszczepy do core" -- nowe funkcjonalności, na które nie ma budżetu w standardowym rozwoju
  • Stworzyć system ofertowy z trackingiem dla klientów (czy otworzyli ofertę, kiedy)
  • Rozważyć Replit do budowania wewnętrznych dashboardów i narzędzi operacyjnych
  • Wdrożyć Claude Code + MCP do agentyzacji powtarzalnych procesów (raporty, follow-upy, notatki CRM)
  • Zbudować Second Brain firmy -- timeline z logami akcji agentów i ludzi
  • Prototypować nowe featury w Lovable ZANIM trafia do backlogu deweloperskiego
  • Przeszkolik PM-ow i account managerów z podstaw Replit -- niech budują własne narzędzia

Narzędzia i komendy

NarzędzieZastosowanieKoszt miesięcznie
**Replit**Budowanie aplikacji webowych i mobilnych~$25 (Core) / ~$100 (Teams)
**Claude Code**Praca na repo, agentyzacja, MCP~$100-200 (Max sub)
**Claude Code Desktop**Interfejs nie-terminalowy (Clotcowork)W ramach subskrypcji
**Lovable**Prototypy UXFreemium / ~$20
**Pencil**AI design (wymaga Claude Code tokenów)Darmowy
**Figma + MCP**Design-to-codeFigma Pro
**PostHog**Analityka, AB testyFreemium
**Eleven Labs**Voice AI (trener sprzedaży)~$5-22
**Expo**Aplikacje mobilne React Native (iOS)Darmowy

Szybki start z Replit

  • Załóż konto na replit.com
  • Połącz z repozytorium GitHub (lub zacznij od zera)
  • Opisz co chcesz zbudować w języku naturalnym
  • Agent buduje, ty akceptujesz zmiany
  • Deploy jednym kliknięciem

Szybki start z agentyzacją (Claude Code + MCP)


# 1. Zainstaluj Claude Code
npm install -g @anthropic-ai/claude-code

# 2. Dodaj MCP serwery
claude mcp add hubspot # CRM
claude mcp add gmail # Maile
claude mcp add figma # Design

# 3. Stworz skill firmowy
# W .claude/skills/ definiujesz powtarzalne workflow

# 4. Uruchom
claude
> "Podsumuj ostatnia edycje dla klienta X, 
 zdraftuj maila, dodaj notatkę do CRM"

Powiązane tematy

  • 01-ai-product-sprint -- Pełny AI Product Sprint z udziałem Lovable i Pencil
  • 02-product-engineering -- Product Engineering -- dlaczego wiedzieć CO budować jest ważniejsze niż JAK
  • 03-feedback-i-walidacja -- Walidacja przed budowąniem
  • mcp-serwery -- Konfiguracja MCP serwerów
  • agentyzacja-firmy -- Pełna agentyzacja procesów firmowych
  • internal-tools -- Wewnętrzne narzędzia zespół