claude code AI VS Code automatyzacja canva e-commerce chrome extension

Mini toole z AI: jak napisałem wtyczkę Chrome do Canvy w 10 minut

240 grafik produktowych w Canvie — skopiowanych i podmienionych automatycznie. Wtyczka Chrome napisana przez AI, rozesłana znajomym. Praktyczny poradnik tworzenia mini narzędzi z Claude Code + VS Code.

L

LiveSales

16 min czytania

240 grafik produktowych. Skopiowanych i podmienionych. W kilka minut. Wtyczką Chrome.

“Miałem do zrobienia 240 miniaturek produktów w Canvie. Każda z inną nazwą. Ręcznie to 2-3 godziny klikania jak robot. Więc powiedziałem AI: napisz mi wtyczkę do Chrome. Napisał. Rozesłałem ją znajomym — i oni też przestali klikać.”

Nie musisz być programistą, żeby tworzyć mini narzędzia, które oszczędzają godziny pracy. Wystarczy VS Code, Claude Code i jedno zdanie po polsku. Ten artykuł pokazuje, jak w praktyce wygląda budowanie takich narzędzi — na przykładzie wtyczki Chrome do Canvy, która sama kopiuje strony i zmienia napisy na grafikach. A potem możesz ją rozesłać znajomym — i oni też z niej korzystają.

Ręcznie: ~3 godziny

Klik, kopiuj, zmień tekst, powtórz 240 razy

Z AI: ~10 minut

Rozmowa + uruchomienie skryptu

Bonus: rozesłane dalej

Wtyczka Chrome — wysłał znajomym, działała u nich od razu


Czym są “mini toole” i dlaczego zmieniają zasady gry?

Mini tool to mały skrypt, który robi jedną konkretną rzecz. Nie jest to aplikacja, nie ma interfejsu, nie wymaga instalacji. To plik, który odpalisz i on zrobi za Ciebie robotę.

Przykłady mini tooli, które możesz stworzyć w kilka minut:

Autoclicker — kopiuje strony w Canvie i zmienia tekst

Renamer — zmienia nazwy 500 plików wg wzorca z CSV

CSV transformer — konwertuje eksport z jednego formatu na drugi

Batch editor — podmienia tekst w 200 plikach HTML naraz

Kluczowa różnica między mini toolem a “programowaniem”: nie musisz nic umieć. Mówisz AI co ma zrobić, on pisze kod, Ty klikasz “uruchom”. Jeśli nie działa — mówisz co jest źle, on poprawia.

To jest crowd computing z AI — zamiast uczyć się programowania, rozmawiasz z kimś, kto umie programować. Tyle że ten “ktoś” jest dostępny 24/7 i nie bierze 150 zł/h.


Case study: wtyczka Chrome do Canvy — 240 grafik w kilka minut

Problem

Masz szablon grafiki produktowej w Canvie. Jedną stronę. Musisz zrobić 240 wariantów — każdy z inną nazwą produktu. Ręcznie to wygląda tak:

  1. Kliknij “Duplikuj stronę”
  2. Znajdź pole tekstowe
  3. Zaznacz tekst
  4. Wpisz nową nazwę
  5. Powtórz 239 razy

Czas? Minimum 2-3 godziny monotonnego klikania. Oczywiste miejsce na błędy — literówki, pominięcia, złe nazwy na złych grafikach.

Rozwiązanie: 1 zdanie do AI

Otwierasz VS Code, uruchamiasz Claude Code i mówisz:

Napisz mi wtyczkę Chrome, która działa na stronie Canvy i:
1. Duplikuje aktualną stronę 240 razy
2. Na każdej nowej stronie znajduje pole tekstowe z nazwą produktu
3. Zmienia tekst na kolejną nazwę z listy, którą wklejam do wtyczki
Dodaj prosty popup z textarea na listę nazw i przycisk "Start".

Co AI napisał

AI stworzył kompletną wtyczkę Chrome — z plikami manifest.json, popup.html, popup.js i content.js.

Podgląd popupu wtyczki Chrome
C
Canva Batch Editor

Lampa wisząca NOVA 60cm
Kinkiet LED OSLO biały
Plafon BERGEN 40cm
Lampa stołowa MALMO
Żyrandol STOCKHOLM 5-ramienny
… (jeszcze 235 nazw)

Załadowano: 240 nazw

Start

Przetworzono 161 / 240 stron…

Jak to działa — krok po kroku

1

Otwierasz Canvę z szablonem

Masz jedną stronę z szablonem grafiki produktowej — nazwa, zdjęcie, cena. Resztę zrobi wtyczka.

2

Klikasz ikonkę wtyczki w Chrome

Otwiera się popup — wklejasz listę 240 nazw produktów (jedna na linię). Możesz ją skopiować z Excela.

3

Klikasz “Start” i patrzysz

Wtyczka sama duplikuje stronę, znajduje pole tekstowe, wpisuje nową nazwę. Powtarza 240 razy. Ty pijesz kawę.

4

Gotowe — eksportujesz z Canvy

240 stron z unikalnymi nazwami. Eksportujesz jako PDF lub PNG — każda strona = osobny plik. Gotowe do druku lub uploadu.

Pod spodem content.js robi całą robotę bezpośrednio w Canvie:

// content.js — uproszczony fragment
async function processNames(names) {
  for (let i = 0; i < names.length; i++) {
    console.log(`[${i + 1}/${names.length}] ${names[i]}`);

    // 1. Duplikuj stronę — symulacja kliknięcia w Canvie
    await duplicatePage();
    await sleep(1500);

    // 2. Znajdź pole tekstowe i kliknij
    await clickTextElement();
    await sleep(500);

    // 3. Zaznacz tekst i wpisz nową nazwę
    document.execCommand('selectAll');
    document.execCommand('insertText', false, names[i]);
    await sleep(500);
  }
}

Dlaczego wtyczka Chrome, a nie skrypt Python?

Skrypt Python (pyautogui)
  • Klika w koordynaty ekranu — kruchy
  • Zależy od rozdzielczości i pozycji okna
  • Nie możesz go łatwo wysłać znajomym
  • Wymaga zainstalowanego Pythona
Wtyczka Chrome
  • Operuje na DOM Canvy — stabilne
  • Działa na dowolnym ekranie i rozdzielczości
  • Wysyłasz folder — znajomy instaluje w 30 sekund
  • Zero dodatkowych zależności

Uwaga: to uproszczony przykład

W praktyce wtyczka wymagała kilku iteracji — dopasowanie selektorów DOM w Canvie, odpowiednie opóźnienia między operacjami, obsługa edge case’ów kiedy Canva się przeładowuje. Ale to właśnie jest rozmowa z AI — mówisz “nie znajduje pola tekstowego”, on sprawdza selektory i poprawia. 3-4 rundy rozmowy i działa.

Efekt

Ręcznie

240 × kliknij, kopiuj, wpisz = ~3 godziny

+ ryzyko literówek

+ zmęczenie po 50. grafice

Z wtyczką od AI

Rozmowa z AI: ~10 minut

Wtyczka robi 240 grafik: kilka minut

Zero błędów — dane z listy

Bonus: udostępnianie

Spakuj folder i wyślij

Znajomy instaluje: 30 sekund

Działa u niego tak samo

A najlepsze? Wtyczka zostaje na zawsze. Następnym razem, kiedy dostaniesz 300 nowych produktów — klikasz ikonkę w Chrome, wklejasz listę nazw, start. Zero pracy. A skoro to wtyczka — rozesłałeś ją znajomym i oni też przestali klikać ręcznie.


Jak w praktyce wygląda “pisanie” mini toola z AI?

Nie wygląda jak programowanie. Wygląda jak rozmowa. Oto typowy flow:

Krok 1: Mówisz co chcesz

Potrzebuję skrypt, który weźmie plik CSV z nazwami produktów
i dla każdego zmieni nazwę pliku zdjęcia w folderze "zdjecia/"
z losowej na format: EAN_nazwa-produktu.jpg

Krok 2: AI pisze kod

Claude Code od razu napisze skrypt w Pythonie. Ty nie musisz go rozumieć — musisz tylko wiedzieć, czy zrobił to, co chciałeś.

Krok 3: Testujesz

Uruchamiasz skrypt. Albo działa, albo dostajesz błąd. Jeśli błąd — kopiujesz go do chatu i mówisz “nie działa, napraw”. AI poprawia.

Krok 4: Dopracowujesz

Działa, ale chcę żeby:
- pomijał pliki, które już mają prawidłową nazwę
- logował co zmienił do pliku log.txt
- na końcu wyświetlił podsumowanie: ile zmienił, ile pominął

AI dopisze te funkcje w kilka sekund.

Kluczowa zasada: idź krokami

Nie opisuj od razu skomplikowanego procesu 10-krokowego. Zacznij od najprostszej wersji — “skopiuj stronę 5 razy i zmień tekst”. Jak zadziała — rozszerzaj. AI najlepiej działa krok po kroku, tak jak rozmowa z człowiekiem.


10 mini tooli, które napiszesz w kwadrans

Autoclicker do Canvy to dopiero początek. Oto realne narzędzia, które możesz stworzyć z AI w kilkanaście minut:

1

Masowy resizer zdjęć

”Zmniejsz wszystkie zdjęcia w folderze do 1200px szerokości i skompresuj do max 200KB”

2

Generator nazw plików z CSV

”Zmień nazwy 500 zdjęć z IMG_1234.jpg na EAN_nazwa-produktu.jpg wg pliku mapping.csv”

3

Konwerter CSV między platformami

”Zamień eksport z BaseLinker na format importu Allegro — zmapuj kolumny, uzupełnij brakujące pola”

4

Watermark na zdjęciach

”Dodaj logo firmy w prawym dolnym rogu do wszystkich 300 zdjęć w folderze — 30% przeźroczystości”

5

Porównywarka cen z CSV

”Porównaj moje ceny z pliku ceny.csv z cenami konkurencji z pliku konkurencja.csv — pokaż różnice”

6

Generator opisów produktów

”Weź plik z parametrami produktów i wygeneruj opisy SEO po 200 słów na każdy — zapisz do CSV”

7

Duplikator ofert między marketplace

”Weź moje oferty z Allegro (CSV) i przygotuj pliki importu na Erli i Empik — dostosuj format”

8

Automatyczny mail z raportem

”Co poniedziałek wyślij mi maila z podsumowaniem sprzedaży z ostatniego tygodnia z pliku CSV”

9

Sprawdzacz stanów magazynowych

”Porównaj eksport stanów z BaseLinker ze stanami dostawcy z pliku dostawca.xlsx — pokaż braki”

10

Wtyczka Chrome do dowolnej strony

”Zautomatyzuj powtarzalną czynność na dowolnej stronie — wypełniaj formularze, kopiuj dane, klikaj przyciski. Wyślij znajomym.”

Każdy z tych tooli to jeden prompt + kilka minut rozmowy z AI. Nie miesiąc nauki programowania. Nie zlecenie za 2000 zł. Jedno zdanie i “uruchom”.


Na co uważać — 5 typowych pułapek

1. Zbyt skomplikowany prompt na start

Nie opisuj 15-krokowego procesu w jednym zdaniu. Zacznij od: “skopiuj stronę 3 razy”. Jak działa — rozszerzaj.

2. Selektory DOM się zmieniają

Canva może zmienić strukturę HTML przy aktualizacji. Jeśli wtyczka nagle przestanie działać — powiedz AI “selektory się zmieniły, zaktualizuj”. On sam znajdzie nowe.

3. Za małe opóźnienia

Canva, Allegro i inne aplikacje webowe potrzebują czasu na przeładowanie. Jeśli skrypt klika za szybko — zgubi się. Dodawaj await sleep(1000-2000) między akcjami.

4. Testuj na małej próbie

Zanim puścisz wtyczkę na 240 stronach — przetestuj na 3-5. Upewnij się, że duplikuje, trafia w pole tekstowe i podmienia tekst. Potem skaluj.

5. Brak zapisu postępu

Jeśli skrypt przetworzy 180 z 240 grafik i się zawiesi — chcesz wiedzieć od której zacząć ponownie. Proś AI o logowanie postępu do pliku.


Co potrzebujesz na start

  1. 1VS Code — darmowy edytor od Microsoftu (code.visualstudio.com)
  2. 2Python — AI sam go zainstaluje, ale możesz też pobrać z python.org
  3. 3Claude Code — rozszerzenie do VS Code (~300 PLN/mies w planie Max)
  4. 4Plik z danymi — lista nazw, cen, EAN-ów — cokolwiek chcesz zautomatyzować

Pierwszy tool napiszesz w 10 minut. Drugi szybciej. Za tydzień będziesz robił rzeczy, które wcześniej zlecałeś komuś za pieniądze.


Podsumowanie

Co musisz zapamiętać:

  • Mini tool to nie “programowanie”. To rozmowa z AI po polsku, z której wychodzi działający skrypt.
  • Zacznij od małego. “Skopiuj 5 stron w Canvie.” Jak zadziała — skaluj do 240.
  • Skrypt zostaje na zawsze. Raz napisany, używasz go miesiącami. Zero powtarzalnej pracy.
  • Godziny → minuty. 240 grafik w Canvie ręcznie = 3 godziny. Z wtyczką Chrome = 10 minut rozmowy + kilka minut wykonania.
  • Wtyczka Chrome = dystrybuowalne narzędzie. Raz napisane, wysyłasz znajomym — działa u nich od razu. Bez instalowania Pythona, bez konfiguracji.
  • Nie potrzebujesz programisty. Potrzebujesz VS Code, Claude Code i 300 zł miesięcznie. Resztę zrobi AI.

Masz zadanie, które robisz ręcznie więcej niż 3 razy?

To jest kandydat na mini tool. Opisz je po polsku AI — a on napisze Ci narzędzie w kilka minut.

Zainteresowany automatyzacją danych?

LiveSales pomoże Ci zaoszczędzić czas i podejmować lepsze decyzje biznesowe dzięki automatycznym raportom i dashboardom.

Skontaktuj się z nami

Podobał Ci się ten artykuł?

Subskrybuj, aby dostawać powiadomienia o nowych artykułach.

Bez spamu. Możesz się wypisać w każdej chwili.