Da się, i to szybciej, niż myślisz. CRM o nazwie Pulsar — pulpit z wykresem przychodu, lejek sprzedaży z kartami klientów do przeciągania, wyszukiwarka pod Ctrl+K i wersja na telefon — powstał z jednego zlecenia po polsku: 7 minut projektowania wyglądu i 19 minut budowy. Nie napisałem przy tym linijki kodu. Niżej jest opis wyglądu i całe zlecenie do skopiowania, to, co asystent robił sam, i błąd, który przepuściły zielone testy.
Gotowy program przeklikasz sam: demo.szybkopisz.pl/pulsar-crm. Klienci są przykładowi, a wszystko, co zmienisz, zostaje w Twojej przeglądarce. Kod z odcinka, uporządkowany i opisany po polsku, możesz pobrać za darmo.
Własny CRM, gotowy program czy Excel
| Arkusz (Excel) | Gotowy CRM | Własny CRM z AI | |
|---|---|---|---|
| Start | od razu | od razu, po założeniu konta | wieczór na prototyp |
| Etapy i pola | dowolne, ale wszystko ręcznie | takie, jakie przewidział producent | dokładnie takie, jak w Twojej firmie |
| Lejek do przeciągania, sumy | nie, liczysz formułami | tak | tak, jeśli go opiszesz |
| Co musisz umieć | formuły | obsługę programu | opisać, czego chcesz, i sprawdzić wynik |
| Kiedy wybrać | kilku klientów, jedna osoba | gotowy program pasuje do Twojej pracy | gotowe programy nie pasują albo chcesz rzecz pod siebie |
Jeśli dziś prowadzisz klientów w arkuszu, masz najważniejsze: wiesz, jakie kolumny i etapy są Ci potrzebne. To jest gotowy materiał na opis dla asystenta. Arkusz zostaje bazą wiedzy o Twojej pracy, a program robi to, czego arkusz nie umie: przeciąganie kart, sumy liczone same i wyszukiwanie klienta w dwie sekundy.
Krok 1: wygląd opisany zwykłymi słowami
Zanim powstał kod, zamówiłem wygląd w Claude Design. Opis był taki, jaki dałbym grafikowi: co ma być na ekranach, w jakim stylu i z jakimi danymi. Claude zaprojektował sześć ekranów — trzy na komputer i trzy na telefon — w około 7 minut. Projekt pobrałem jako jeden plik i wrzuciłem do pustego folderu.
Zaprojektuj profesjonalny CRM dla małej firmy usługowej o nazwie Pulsar.
Trzy ekrany na komputer i te same trzy na telefon: 1) Pulpit — wykres
przychodu z ostatnich 6 miesięcy, prognoza sprzedaży, postęp celu
miesiąca, ostatnia aktywność zespołu. 2) Lejek sprzedaży — tablica z
kolumnami Nowy, Rozmowa, Oferta, Negocjacje, Wygrany; karty klientów do
przeciągania, suma i konwersja nad każdą kolumną. 3) Paleta poleceń Ctrl+K
otwarta nad pulpitem: szukaj klienta, dodaj szansę, przejdź do widoku.
Wygląd premium, ciemny, z jednym mocnym akcentem. Interfejs po polsku,
realistyczne polskie firmy i kwoty w złotych.Krok 2: jedno zlecenie w ośmiu punktach
Asystent pracuje w terminalu, tylko w tym jednym folderze na moim komputerze. Nie wklejam niczego do czatu: asystent sam tworzy pliki, uruchamia program i go ogląda. Najważniejszy punkt zlecenia to trzeci — podział pracy między czterech pomocników, którzy budują naraz, każdy w swoich plikach, żeby nie wchodzili sobie w drogę.
W tym folderze jest plik HTML z makietą, czyli eksport z Claude Design.
Zbuduj według niej działającą aplikację Pulsar CRM i przejdź przez
wszystkie kroki sam. Interesuje mnie efekt, więc nie pytaj o szczegóły i
wybieraj ustawienia domyślne.
1. Zanim zaczniesz, zapisz godzinę startu (polecenie date). Utwórz projekt
Next.js o nazwie pulsar (create-next-app, ustawienia domyślne, bez pytań)
i przenieś do niego makietę.
2. Przeczytaj makietę: kolory, kroje, odstępy i dane. Przygotuj wspólną
podstawę: zmienne wyglądu, przykładowe dane z makiety i zapis w
przeglądarce.
3. Podziel pracę między czterech subagentów, którzy pracują równolegle,
każdy w swoich plikach:
- Pulpit: wykres przychodu, prognoza, cel miesiąca i aktywność, jak w
makiecie, z animacją przy wejściu.
- Lejek: kolumny jak w makiecie, karty przeciągane myszą i palcem, sumy i
konwersja przeliczane na żywo.
- Paleta poleceń Ctrl+K: szukaj klienta, dodaj szansę, przejdź do widoku;
strzałki i Enter.
- Telefon: układ mobilny jak w makiecie, z dolnym menu i lejkiem
przewijanym w bok.
4. Wygląd ma być 1:1 z makietą. Wszystko po polsku.
5. Przetestuj: npm run lint i npm run build. Jeśli coś nie przechodzi,
popraw i sprawdź jeszcze raz.
6. Dopiero potem uruchom projekt w tle na wolnym porcie. Jeśli potem coś
jeszcze zmienisz, zatrzymaj serwer, zbuduj i uruchom od nowa. Sprawdź, że
strony odpowiadają i mają swój wygląd.
7. Zapisz pracę w Gicie z krótkim opisem po polsku.
8. Na koniec napisz mi po polsku: co zrobił każdy subagent, jak wypadły
testy, ile minut trwała cała praca (od godziny startu) i pod jakim adresem
działa aplikacja.Co asystent robił przez 19 minut
| Minuta | Co się działo |
|---|---|
| 0–1 | Plik z projektem okazał się spakowany, i to podwójnie. Asystent sam go rozpakował i wyciągnął sześć ekranów: kolory, czcionkę, odstępy i przykładowych klientów. |
| 2–6 | Wspólna podstawa dla całej czwórki: zmienne wyglądu, przykładowe dane, zapis w przeglądarce, ikony i szkielet programu. |
| 6–16 | Czterech pomocników naraz: pulpit (gotowy po 4,4 min pracy), wyszukiwarka Ctrl+K (6,3 min), lejek (6,9 min) i telefon (8,3 min). W tym czasie asystent sam zrobił cztery kolejne ekrany: klientów, zadania, raporty i ustawienia. |
| 16–17 | Testy, budowa i wszystkie strony na zielono — a mimo to style nie działały. Opis tego błędu jest niżej. |
| 17–19 | Zrzuty ekranu na komputerze i w rozmiarze telefonu, test przeciągania karty do „Wygrany” i zapis wersji w Gicie. |
Sprawdź jak handlowiec, nie jak programista
- Pulpit: wykres przychodu rysuje się przy wejściu, cel miesiąca pokazuje postęp.
- Lejek: przeciągnij klienta z negocjacji do wygranych. Suma kolumny i podtytuł z liczbą otwartych szans mają się przeliczyć same.
- Ctrl+K: wpisz nazwisko bez polskich znaków i naciśnij Enter. Masz od razu trafić do klienta.
- Telefon: menu na dole, lejek przewijany w bok, etap po etapie, i ta sama wyszukiwarka.
Uczciwie: to prototyp, nie produkt
Pulsar z tego odcinka zapisuje dane tylko w przeglądarce. Nie ma logowania, bazy danych ani kopii zapasowych, a klienci są przykładowi. Wyczyścisz przeglądarkę i dane znikną. Dlatego nie wpisuj tam prawdziwych danych klientów.
Do pracy całego zespołu na co dzień trzeba dołożyć logowanie, bazę danych i serwer — i wtedy rośnie liczba rzeczy, które trzeba umieć sprawdzić. Te części Pulsar dostaje w kolejnych odcinkach serii, a każdy odcinek to nowa wersja kodu. Prototyp i tak robi swoje: w jeden wieczór sprawdzasz, czy taki program w ogóle pasuje do Twojej pracy, zanim w niego zainwestujesz.
Jak zbudować własny CRM pod swoją firmę
Spisz, jak dziś pracujesz z klientem
Etapy od pierwszego kontaktu do zapłaty, pola, które zapisujesz, i to, czego szukasz najczęściej. Jeśli masz arkusz, zacznij od jego kolumn.
Zamów wygląd zwykłymi słowami
Weź opis z tego tekstu i podmień nazwę, etapy lejka i branżę. Zobaczysz program, zanim powstanie kod.
Daj jedno zlecenie z testem na końcu
Skopiuj układ ośmiu punktów. Zostaw testy, uruchomienie programu, zapis w Gicie i raport — pilnują porządku.
Sprawdź sam, jak użytkownik
Przeciągnij kartę, wyszukaj klienta, otwórz wersję na telefon. Dopiero to, co zobaczysz, jest dowodem.
Ten sposób pracy — opis przed pierwszą linijką, przejście z czatu do własnego folderu i sprawdzanie zamiast wiary w „gotowe” — rozpisałem w darmowym e-booku „Masz bolid. Przestań pedałować”. Jest w nim karta „Plan wyścigu”, w której rozpiszesz swój projekt tak jak ja tutaj.
Co dalej
- Kod z odcinka — uporządkowany, opisany po polsku, na licencji MIT: pobierz kod Pulsara.
- Coś mniejszego na start? Ekran z numerkami dla kawiarni w czterech poleceniach: aplikacja bez programowania.
- Pomocnicy, którzy pracują naraz, plik z zasadami projektu i tryby zgody: funkcje Claude Code.
- Czym to zbudować i ile to kosztuje: mapa narzędzi AI do kodowania i cena Claude Code.
Najczęstsze pytania
Czy da się stworzyć własny CRM bez programowania?
Tak, jeśli „bez programowania” znaczy „bez pisania kodu własnoręcznie”. Kod pisze asystent AI, a Ty opisujesz, co ma powstać, i sprawdzasz wynik. CRM Pulsar z tego tekstu powstał z jednego zlecenia po polsku: 7 minut projektu wyglądu i 19 minut budowy.
Ile trwa zbudowanie CRM-a z AI?
Prototyp z pulpitem, lejkiem sprzedaży, wyszukiwarką i wersją na telefon zajął 7 minut projektowania w Claude Design i 19 minut pracy asystenta. Do tego dochodzi Twój czas na opis i sprawdzenie. Wersja dla zespołu, z logowaniem i bazą danych, wymaga kolejnych kroków.
Czy własny CRM jest lepszy od gotowego?
Nie zawsze. Gotowy CRM wygrywa, gdy pasuje do Twojej pracy, bo działa od razu. Własny ma sens, gdy gotowe programy każą Ci zmieniać sposób pracy, a Ty wiesz dokładnie, jakie etapy i pola są Ci potrzebne.
Czy mogę od razu wpisać do niego prawdziwych klientów?
Nie do wersji z tego odcinka. Dane zapisują się tylko w przeglądarce, nie ma logowania, bazy danych ani kopii zapasowych. To prototyp do sprawdzenia, czy taki program pasuje do Twojej pracy.
Czy CRM w Excelu wystarczy?
Przy kilku klientach i jednej osobie często tak. Arkusz nie przeciągnie jednak kart między etapami, nie policzy sam sumy lejka i nie znajdzie klienta w dwie sekundy. Jego kolumny są za to najlepszym materiałem na opis własnego programu.
