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:
| Obszar | Przykład | Wpływ |
|---|---|---|
| **Customer Success** | Automatyczna komunikacja, grafiki, scheduling | Najwięcej apek -- tu było najwięcej ręcznej pracy |
| **Sprzedaż** | System ofert z trackingiem (czy klient otworzył ofertę), porównania, cenniki interaktywne | Wyższy conversion rate |
| **Produkt** | Nowa linia biznesowa SaaS dla mniejszych klientów | Nowy revenue stream -- "5x szybciej i 5x taniej" |
| **Operacje** | System ERP, parsowanie faktur, zarządzanie finansami | Cała firma zarządzana z jednego systemu |
| **Knowledge** | Knowledge base, user feedback intelligence z embeddingami | Lepsze decyzje produktowe |
| **Trening** | Trener sprzedaży z Eleven Labs -- symulacja rozmów z klientami | Nowi 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ć:
| Aspekt | Replit | Claude Code |
|---|---|---|
| **Dla kogo** | Początkujący, non-techniczni | Techniczni, więcej kontroli |
| **Baza danych** | Wbudowana | Trzeba połączyć samemu |
| **Deployment** | Jedno kliknięcie | Trzeba ogarnąć hosting |
| **Cena** | Limity ranów/promptów | Limity tokenów (Max sub) |
| **Persona agenta** | Bardziej pomocny, rozumie kontekst | Bardziej 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
| Kryterium | No-code / Vibe coding | Full development |
|---|---|---|
| **Prototyp do walidacji** | TAK (Lovable, Replit) | Niepotrzebne |
| **Internal tools** | TAK (Replit, Claude Code) | Nie, chyba że enterprise-grade |
| **Disposable software** | TAK -- jednorazowe narzędzia | Nie opłacalne |
| **Core product** | NIE -- core product (8 lat) = programiści | TAK |
| **Nowa linia biznesowa** | TAK -- szybki MVP | Później, jak zawalidujemy |
| **Sklep e-commerce** | NIE -- lepiej Shopify/Shoper | TAK (custom) |
| **Landing page** | TAK (Lovable, Replit) | Nie, chyba że SEO-critical |
| **Integracje API/MCP** | Wspólnie z devami | Devvy 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
| Projekt | Narzędzie | Koszt | Czas |
|---|---|---|---|
| Landing + platforma treningowa (trenujonline.pl) | Claude Code | ~400 USD | Kilka wieczorów |
| Ta sama strona tradycyjnie | Webflow + freelancer | ~4500 PLN | 3 tygodnie |
| Prototyp do walidacji | Lovable/darmowe plany | ~0-20 USD | 1-2h |
| 46 aplikacji firmowych | Replit + Claude Code | Subskrypcje | ~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ędzie | Zastosowanie | Koszt 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 UX | Freemium / ~$20 |
| **Pencil** | AI design (wymaga Claude Code tokenów) | Darmowy |
| **Figma + MCP** | Design-to-code | Figma Pro |
| **PostHog** | Analityka, AB testy | Freemium |
| **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ół