Emerald Media 01 / 20

Prezentacja dla zespołu · Kwiecień 2026

Jak zbudowałam
AI asystenta, który zarządza
50 stronami WordPress

Eugenia · UX/UI Designer & WordPress Developer

To nie jest chatbot, który pisze teksty.
To pełne środowisko pracy w terminalu.

Emerald Media 02 / 20

Co zobaczycie

1 Jak wygląda moje środowisko pracy
2 Live demo: co AI potrafi w czasie rzeczywistym
3 Ciekawostki: Gmail, Canva, Freepik, Bitwarden, głos
4 Jak rozwiązałam kwestie bezpieczeństwa
5 Co osiągnęłam i co jeszcze planuję
6 Jak każdy z Was może to zaadaptować

Emerald Media 03 / 20

Mój ekran
na co dzień

┌──────────────────────────────────────────────────────────┐ │ VS Code │ │ ┌──────────────┬─────────────────────────────────────┐ │ │ │ Eksplorator │ hero.php │ style.css │ ... │ │ │ │ plików │ │ │ │ ├──────────────┴─────────────────────────────────────┤ │ │ │ Terminal: Claude Code │ │ │ │ │ │ │ │ > "Zmień kolor CTA na #00A896 i sprawdź │ │ │ │ czy działa formularz kontaktowy" │ │ │ │ │ │ │ │ Claude: Znalazłem przycisk w hero.php:42, │ │ │ │ zmieniam... ✓ Gotowe. Testuję formularz... │ │ │ │ ✓ CF7 wysyła maile poprawnie. │ │ │ └─────────────────────────────────────────────────────┘ │ └──────────────────────────────────────────────────────────┘

Piszę po polsku — Claude czyta pliki, edytuje kod, uruchamia komendy, łączy się z serwerami.

Emerald Media 04 / 20

Mapa integracji

Claude AI — terminal

Docker

22 projekty

SSH

9 serwerów

MainWP

38 stron

MCP Servers

5 integracji

Web Fetch

analiza stron

Gmail

Canva

Trello

Bitwarden

Freepik

50 stron WordPress — jedno miejsce.

Emerald Media 05 / 20

Ciekawostka #1

Gmail —
inteligentna skrzynka

Ja: "Znajdź maile od klienta Kantor z ostatniego tygodnia" Claude: Znalazłem 3 wiadomości: 1. [04.04] Dawid Kantor — pytanie o zmianę cytatu 2. [06.04] Dawid Kantor — prośba o dodanie osoby 3. [07.04] Dawid Kantor — potwierdzenie zmian Ja: "Przygotuj odpowiedź, że zmiany zostały wdrożone" Claude: [tworzy szkic w Gmail — ja sprawdzam i wysyłam]

MCP Server = "wtyczka" łącząca Claude z Gmailem. Claude tworzy szkice — nigdy nie wysyła sam.

Emerald Media 06 / 20

Ciekawostka #2

Z maila klienta
prosto do kodu

1 Claude czyta mail z nowym cytatem
2 Znajduje w bazie WP stary cytat
3 Search-replace przez WP-CLI
4 Odświeża cache Elementora
5 Sprawdza czy zmiana jest widoczna

# Po przeczytaniu maila: wp search-replace \ 'Zawsze chciałem mieć coś swojego...' \ 'Wszystko co naprawdę nasze, zaczyna się od odwagi...' \ --precise wp elementor flush-css

Emerald Media 07 / 20

Ciekawostka #3

Freepik API —
automatyczne zdjęcia

Ja: "Pobierz zdjęcia z Freepik do artykułów wg kategorii" Claude: ✓ Psychologia: 9 zdjęć ✓ Marketing: 10 zdjęć ✓ Sprzedaż: 11 zdjęć ✓ Technologia: 6 zdjęć Importuję jako featured images... ✓ Gotowe.

Problem

36 artykułów potrzebuje miniaturek.
Ręcznie = 2 godziny szukania.

Rozwiązanie

Claude + Freepik API = 10 minut.

Emerald Media 08 / 20

Ciekawostka #4

Bitwarden —
bezpieczne hasła

50 stron × (WP admin + hosting + FTP + email) = 200+ loginów

# sites.yml — fragment - domain: andrzejkulinski.com hosting: hostinger bitwarden: "Andrzej > WP Admin" - domain: kantordudafassaden.de bitwarden: "Kantor Duda > WP Admin"

NIGDY haseł w kodzie

NIGDY haseł w repo Git

credentials/ w .gitignore

Bitwarden = shared vaults dla zespołu

Emerald Media 09 / 20

Ciekawostka #5

Canva
z terminala

Ja: "Wygeneruj baner Social Media dla Elite Sped" Claude: Szukam brand kit Emerald Media w Canva... Generuję design 1080x1080: - Tło: #1A2332 (antracyt) - Akcent: #00A896 (teal) - Logo: z brand kitu ✓ Design gotowy — link: canva.com/design/...

Szukanie projektów

Generowanie grafik AI

Edycja elementów

Eksport PNG / PDF

Zarządzanie folderami

Resize do formatów

Emerald Media 10 / 20

Ciekawostka #6

Praca z telefonu
i głosem

Claude mówi po polsku — płynnie czyta, pisze i odpowiada. Komendy systemowe generuje sam.

SSH z telefonu (Termius)

Pełen dostęp do AI Studio z dowolnego miejsca

Claude Mobile App

Głos po polsku — szybkie pytania, content briefy

Siri Shortcuts

"Hej Siri, sprawdź status stron" → SSH → monitoring

Slack na telefonie

Automatyczne alerty → Termius → naprawa z telefonu

Emerald Media 11 / 20

Automatyzacja —
działa bez mojej ingerencji

Kiedy	Skrypt	Co robi
Co 5 min	trello-done-sync.sh	Zamknięte taski → "Zrobione"
Codziennie	site-monitor.sh	HTTP + SSL + TTFB 46 stron
Co tydzień	form-tester.sh	Test formularzy CF7
Co tydzień	report-generator.sh	Raport zbiorczy (MD + Slack)
Niedziela	update-all.sh	Batch update WP + wtyczki
Przed update	visual-regression.sh	Screenshot PRZED vs PO
Na żądanie	backup-checker.sh	UpdraftPlus < 7 dni?
Na żądanie	security-audit/	WPScan 46 stron

Emerald Media 12 / 20

Live Demo:
monitoring stron

site-monitor.sh: ✓ emeraldmedia.pl — 200 OK, TTFB: 0.4s, SSL: 342 dni ✓ elitesped.com — 200 OK, TTFB: 0.6s, SSL: 89 dni ✓ andrzejkulinski.com — 200 OK, TTFB: 0.3s, SSL: 201 dni ⚠ koreanskisekret.pl — TTFB: 2.4s (> 2s threshold!) ✗ catpaw.pl — 503 Service Unavailable → Automatycznie: karta na Trello + alert Slack

Wykrywam problemy ZANIM klient zadzwoni.

Emerald Media 13 / 20

Live Demo:
visual regression

Screenshoty PRZED i PO aktualizacji

# 1. Screenshoty (stan "przed") ./visual-regression.sh --capture kantordudafassaden.de # 2. Aktualizacja ./update-site.sh kantordudafassaden.de # 3. Porównanie (BackstopJS) ./visual-regression.sh --test kantordudafassaden.de # Wynik: ✓ Homepage — passed (0.02% diff) ✓ O nas — passed (0.00% diff) ✗ Kontakt — FAILED (12.4% diff) ← formularz się rozjechał!

Emerald Media 14 / 20

Bezpieczeństwo:
6 warstw ochrony

1Granularne uprawnienia — Claude musi zapytać o pozwolenie na każdą komendę

2Separacja credentials — 25+ plików .env w .gitignore

3Konteneryzacja Docker — każdy klient = osobny kontener

4SSH z kluczami — nie hasła, aliasy @hostinger, @lhpl

5Custom security plugin — HSTS, X-Frame-Options, wyłączony XML-RPC

6Bitwarden — shared vault, 200+ loginów w jednym miejscu

Emerald Media 15 / 20

Co osiągnęłam:
projekty

Projekt	Co	Stack
Fabryka Owoca	Cały CRM od zera	WooCommerce, Custom PHP
Elite Sped	Custom theme od zera, 7 języków	Tailwind + Alpine + GSAP
Foto Alfa	Konfigurator druku WooCommerce	Custom PHP, AJAX
Emerald Media	Wprowadzanie rebrandingu	Elementor + custom fonts
Lavito Moda	Newsletter marketing	MailerLite
Bioarcus	Audyty bezpieczeństwa i wydajności	WPScan + Lighthouse

46

monitorowanych

38

w MainWP

9

serwerów SSH

22

Docker

13

WooCommerce

Emerald Media 16 / 20

Oszczędność czasu

Audyt bezpieczeństwa 46 stron

~2 dni

30 min

Sprawdzenie backupów 9 serwerów

~1 godz.

5 min

Monitoring 46 stron

ręcznie

AUTO

Aktualizacje 38 stron

cały dzień

1 komenda

Custom theme

2-3 tyg.

kilka dni

Zdjęcia (36 artykułów)

2 godz.

10 min

Mail + wdrożenie zmiany

30 min

5 min

Raport tygodniowy

2 godz.

AUTO

Emerald Media 17 / 20

Co jeszcze planuję

Obszar	Stan	Plan
Polylang (7 języków)	Do zrobienia	AI tłumaczenia + weryfikacja
CI/CD deploy	Brak	GitHub Actions → staging → prod
Raporty PDF	Ręczne	Auto-generowany PDF co miesiąc
Monitoring 24/7	Na laptopie	Przenieść na VPS
Lighthouse CI	Brak	Auto Core Web Vitals
Figma API	Brak	Eksport assets z Figmy
Praca z telefonu	Planowane	Termius + Claude Mobile
Sterowanie głosem	Planowane	Siri Shortcuts → skrypty

Emerald Media 18 / 20

Jak możecie
to wykorzystać

Sales

Audyt strony klienta w 5 min. Czytanie / szkice maili Gmail. Szybka wycena napraw.

Project Manager

Trello na sterydach. Bitrix24 taski z terminala. Statusy projektów.

SEO

Bulk audit meta tagów 50 stron. Analiza H1-H6, canonical, schema, robots.

Ads (Google/Meta)

Audit landing pages. A/B warianty copy. Canva grafiki do reklam.

Content / Organic

Content briefs z frazami kluczowymi. Optymalizacja artykułów. Social copy.

Meta (FB/IG)

Pixel audit, CAPI check. Canva grafiki z terminala. Analiza LP pod konwersję.

Emerald Media 19 / 20

Quick Start —
3 kroki

01

Zainstaluj

10 minut od zera do działającego AI

brew install --cask visual-studio-code npm install -g @anthropic-ai/claude-code cd twoj-folder && claude

02

Dodaj integrację

Sales/PM: Gmail + Trello
SEO: WebFetch + WP-CLI
Ads: WebFetch + Canva

03

Stwórz kontekst

Plik CLAUDE.md: kim jestem, co robię, jakie zasady

Pro $20/m · Max $100/m

Emerald Media 20 / 20

Podsumowanie

AI to nie chatbot — to środowisko pracy
Łączy się z tym co już używasz — Gmail, Trello, Canva, Bitrix
Bezpieczeństwo MUSI być priorytetem
Każdy w zespole może to adaptować
Zacznij od małego → rozbudowuj z czasem

Najlepsze narzędzie to takie, które dopasowujesz do siebie,
a nie siebie do narzędzia.

Eugenia · Emerald Media sp. z o.o. · hello@emeraldmedia.pl

Jak zbudowałamAI asystenta, który zarządza50 stronami WordPress