Generowanie obrazów i wizualizacji | Kurs Claude AI

Co Claude potrafi, a czego nie

Powiedzmy to wprost: Claude nie generuje zdjęć ani ilustracji tak jak generatory obrazów (stan na 1 października 2026). Nie stworzysz w nim fotografii, fotorealistycznej grafiki ani ilustracji jak w ChatGPT (model GPT Image 2.5, następca DALL-E), w Gemini (modele Nano Banana) czy w Midjourney. Plik PNG z wykresem przygotuje za to w Pythonie (funkcja code execution, czyli wykonywanie kodu).

Brak generatora obrazów to świadoma decyzja Anthropic. Dario Amodei, CEO Anthropic, mówił o tym w lutym 2026 w podcaście People by WTF. Powiedział, że z wielu powodów firma nie robi modeli generujących obrazy i wideo. Jako jeden z nich podał trudność odróżnienia prawdziwych treści od fałszywych.

Claude ma za to mocną pozycję w tworzeniu:

Wizualizacji prosto w odpowiedzi (custom visuals)
Grafik wektorowych (SVG)
Diagramów (Mermaid)
Interaktywnych wykresów (React / Recharts)
Kompletnych dashboardów i aplikacji webowych

To inna kategoria wizualizacji - ale niezwykle przydatna w pracy.

Wizualizacje w odpowiedzi (custom visuals)

Claude rysuje diagramy, wykresy i interaktywne schematy prosto w odpowiedzi, bez otwierania artefaktu. Anthropic nazywa to custom visuals, czyli wizualizacje szyte na miarę pytania. Stan na 1 października 2026: beta, wszystkie plany (także Free), przeglądarka i aplikacja Desktop. Działają w czacie, a na planach płatnych także w Cowork. W aplikacjach na iOS i Androida nie wyświetlają się.

Nic nie włączasz. Claude sam decyduje, kiedy obraz wyjaśni więcej niż tekst. Możesz też poprosić wprost: „narysuj to jako diagram” albo „pokaż to na wykresie”.
Działa interaktywnie. Przyciski, suwaki, pełny ekran. W czacie kliknięcie w element wizualizacji wysyła Claude pytanie uzupełniające.
Jest ulotna. Żyje w odpowiedzi i nie zapisuje się jako osobny plik. Żeby ją zachować, wybierz Copy as image (obrazek do schowka), Download (plik .svg albo .html) albo Save as artifact (zapis jako artefakt).
Złożone schematy: według Anthropic najlepiej radzi sobie z nimi Opus. Na planach płatnych Anthropic ustawił Opus 5.5 jako model domyślny, a na Free Opusa nie ma.

Wizualizacja w odpowiedzi pomaga zrozumieć coś tu i teraz, jak szkic na tablicy. Artefakt to rzecz na dłużej: narzędzie, dashboard albo dokument do udostępnienia. Jeśli wiesz, że wynik ma zostać, od razu poproś o artefakt.

SVG - grafiki wektorowe

Claude tworzy grafiki SVG bezpośrednio w Artifacts:

Co możesz stworzyć:

Logo i ikony
Diagramy techniczne i schematy architektury
Infografiki
Animacje SVG (CSS animations)
Interaktywne elementy

Ograniczenia:

Nie nadają się do fotorealistycznych obrazów
Bardzo skomplikowane SVG mogą być nieprecyzyjne
Wymagają dobrych promptów opisujących pożądany wygląd

Pro tip: Podaj Claude szczegółowy opis wizualny: kolory (hex), wymiary, układ, styl. Im precyzyjniej opiszesz, tym lepszy wynik dostaniesz.

Mermaid - najczęściej używane typy diagramów

Mermaid to składnia do tworzenia diagramów w tekście. Claude dobrze ją zna. Poniżej dziesięć typów, po które sięgam najczęściej:

Typ	Zastosowanie	Prompt
Flowchart	Procesy, algorytmy	„Stwórz flowchart procesu onboardingu”
Sequence	Komunikacja między systemami	„Diagram sekwencji logowania OAuth”
Gantt	Harmonogramy	„Wykres Gantta projektu na 3 miesiące”
Class	Architektura OOP	„Diagram klas systemu e-commerce”
ER	Bazy danych	„Diagram encji-relacji dla CRM”
State	Maszyny stanowe	„Diagram stanów zamówienia”
Pie	Proporcje, udziały	„Wykres kołowy budżetu marketingowego”
Mindmap	Brainstorming	„Mapa myśli: strategia contentu”
Timeline	Historia, roadmapy	„Oś czasu rozwoju AI w ostatnich 5 latach”
Git Graph	Historia repozytorium	„Wizualizacja branchy w Git”

React Charts - interaktywne wykresy

Claude tworzy interaktywne wykresy w React Artifacts (najczęściej z biblioteką Recharts):

Typy wykresów:

Liniowe - trendy w czasie
Słupkowe - porównania
Kołowe / donut - udziały
Obszarowe - wolumeny
Scatter plots - korelacje
Radar charts - wielowymiarowe porównania

Jak użyć:

Wgraj dane (CSV/XLSX) lub podaj je w promptcie
Poproś: „Stwórz interaktywny wykres liniowy pokazujący...”
Claude narysuje wykres w odpowiedzi (custom visual) albo utworzy artefakt. Chcesz go zachować i udostępnić? Dopisz w prośbie „jako artefakt” albo wybierz Save as artifact.

Wykresy są interaktywne: dymki z wartościami po najechaniu kursorem (tooltips), legendy, filtry.

Interaktywne aplikacje i dashboardy

Claude potrafi tworzyć kompletne interaktywne aplikacje w Artifacts:

Dashboardy - finansowe, analityczne, KPI
Kalkulatory - ROI, hipoteczne, konwersji
Gry - quiz, memory, logiczne
Formularze - z walidacją, multi-step
Prototypy UI - wireframes, mockupy

Wszystko działa w przeglądarce, bez potrzeby serwera.

Stan na 1 października 2026: na planach Pro, Max, Team i Enterprise artefakt ma do 20 MB trwałej pamięci danych (storage, tylko tekst). Może też korzystać z konektorów MCP. Oba mechanizmy działają w przeglądarce i w aplikacji Desktop. Od 16 września 2026 nie musisz go publikować, żeby zapisywał dane. Dashboard zapamięta wpisane dane na kolejne wizyty, a nowe pobierze z połączonej aplikacji. Szczegóły w lekcji o Artifacts.

Claude Design - makiety i projekty (beta)

Do makiet interfejsów, stron i materiałów graficznych Anthropic dołożył Claude Design (beta). Od 16 września 2026 to jeden z trzech szablonów artefaktów, obok Claude Slides (prezentacje) i Claude Docs (dokumenty). Projekt zaczniesz z szablonu w zakładce Artifacts albo prośbą w zwykłej rozmowie. Osobna aplikacja pod claude.ai/design działa dalej (stan na 1 października 2026).

Plany: tylko płatne - Pro, Max, Team, Enterprise. Na Pro, Max i Team szablony są włączone domyślnie, na Enterprise włącza je Owner (właściciel konta organizacji).
Co dostajesz: projekt wizualny, który poprawiasz w rozmowie, a potem eksportujesz jako .zip, PDF, PowerPoint albo samodzielny plik HTML. Eksport do Google Slides działa tylko w claude.ai/design.
Przekazanie do Claude Code: gotową makietę przekazujesz do Claude Code i budujesz z niej działającą aplikację.
Limity: zużycie idzie ze wspólnego limitu planu. Osobnego tygodniowego limitu Design już nie ma.
Telefon: w aplikacji na iOS i Androida poprosisz o projekt i obejrzysz go w zakładce Artifacts. Szablony, edycja i udostępnianie działają w przeglądarce i w Claude Desktop.

Kiedy szablon Design zamiast zwykłego artefaktu? Gdy celem jest wygląd (landing page, plakat, makieta ekranu), a nie działająca logika. Dashboard z danymi nadal rób jako zwykły artefakt.

Porównanie z ChatGPT i Gemini

Cecha	Claude	ChatGPT	Gemini
Zdjęcia i ilustracje	NIE	TAK (GPT Image 2.5)	TAK (Nano Banana 2, Nano Banana Pro)
SVG / wektory	TAK	TAK (podgląd w blokach kodu)	brak oficjalnych danych
Interaktywne wykresy	TAK	TAK (podgląd w blokach kodu)	TAK (wykresy z arkuszy w aplikacji web, Canvas)
Diagramy Mermaid	TAK	TAK (podgląd w blokach kodu)	brak oficjalnych danych
Aplikacje webowe	TAK (artefakty)	TAK (podgląd HTML i React w blokach kodu; ChatGPT Sites, beta)	TAK (Canvas, także na darmowym planie)
Udostępnianie linkiem	plany płatne; odbiorca potrzebuje konta Claude	ChatGPT Sites (beta: Plus, Pro, workspace'y)	publiczny link z Canvas, także na darmowym planie (otwiera się na gemini.google.com)
Edycja zdjęć	NIE	TAK	TAK
Fotorealizm	NIE	TAK	TAK

Stan na 1 października 2026. Tabela pokazuje podział ról, nie ranking. ChatGPT wygasza Canvas: od 28 maja 2026 nie ma go w GPT-5.5, a jego rolę przejęły bloki kodu z podglądem i ChatGPT Sites. Google Opal kończy działanie 17 listopada 2026, a przepływy przechodzą na skills w Gemini. Przy SVG i Mermaid w Gemini wpisuję „brak oficjalnych danych”, bo pomoc Google do Canvas o nich nie wspomina. Funkcje konkurencji zmieniają się co kilka miesięcy - sprawdź je w dokumentacji OpenAI i Google przed decyzją.

Do zapamiętania: Claude nie konkuruje z GPT Image 2.5 ani Nano Banana w generowaniu zdjęć. Do diagramów, dashboardów z danymi i interaktywnych wykresów ma za to komplet narzędzi: wizualizacje w odpowiedzi, artefakty i szablon Design do makiet.

Ćwiczenie praktyczne: Stwórz 4 różne wizualizacje:

1. Mermaid: „Stwórz diagram flowchart procesu publikacji artykułu blogowego: research → outline → draft → review → edycja → publikacja → promocja.”

2. SVG: „Stwórz infografikę SVG pokazującą 5 kroków wdrażania AI w firmie. Styl: ciemne tło, pomarańczowe akcenty, nowoczesny minimalistyczny design.”

3. React Chart: „Stwórz interaktywny dashboard z 3 wykresami: (1) liniowy - ruch na stronie ostatnie 6 miesięcy, (2) kołowy - źródła ruchu, (3) słupkowy - top 5 stron. Użyj przykładowych danych.”

4. Wizualizacja w odpowiedzi: wgraj dowolny plik CSV i zapytaj: „Co pokazują te dane? Narysuj to.” Jeśli wykres Ci się przyda, zachowaj go opcją Save as artifact.

Co dalej

W następnej lekcji - zaawansowane ustawienia, prywatność i zarządzanie kontem. Moduł zamyka lekcja o Cowork, agencie do pracy nie-kodowej.