Moduł 2 25 min Początkujący

Artifacts - dokumenty, kod i wizualizacje

Czego się nauczysz
  • Rozumiesz, czym są Artifacts i kiedy się pojawiają
  • Znasz wszystkie typy Artifacts i ich zastosowania
  • Potrafisz tworzyć, edytować i eksportować Artifacts
  • Wiesz, jak publikować i udostępniać Artifacts

Czym są Artifacts

Artifacts to osobna przestrzeń robocza w claude.ai, która pojawia się obok okna rozmowy. Zamiast wyświetlać wszystko w czacie, Claude generuje dokumenty, kod i wizualizacje w osobnym panelu - gdzie możesz je przeglądać, edytować i pobierać.

Artifacts zmieniają rozmowę z jednokierunkowego Q&A w interaktywną współpracę.

Kiedy Artifact się pojawia? Claude sam decyduje. Gdy generuje dłuższy fragment kodu, gotowy dokument lub wizualizację - automatycznie tworzy Artifact. Krótkie odpowiedzi (kilka linii kodu, szybka notatka) pozostają w czacie.

Możesz też poprosić wprost: "Pokaż to jako artifact" lub "Stwórz artifact z...".

Typy Artifacts - sześć kategorii plus aplikacje z AI

TypCo toPrzykład
Dokumenty tekstoweArtykuły, raporty, instrukcjeRaport biznesowy, artykuł blogowy
Kod (snippety)Fragmenty kodu z podświetlaniem składniFunkcja Python, skrypt Bash
HTML/CSS/JSJednostronicowe strony z podglądem na żywoLanding page, formularz
SVGGrafiki wektoroweLogo, ikony, diagramy
Mermaid DiagramsDiagramy w składni MermaidFlowcharty, wykresy Gantta
React ComponentsInteraktywne komponenty renderowane w przeglądarceDashboard finansowy z wykresami, kalkulator, gra

Osobna kategoria to aplikacje z inteligencją Claude (AI-powered apps): artefakty, które same zadają pytania Claude. Nie potrzebujesz do tego własnego klucza API. Nowy artefakt prosi o Twoją zgodę, zanim pierwszy raz użyje Claude (szczegóły niżej).

Od września 2025 Claude tworzy też pliki: Excel (z formułami), PowerPoint, Word, PDF - to wychodzi poza klasyczne Artifacts. Pliki i artefakty mają wspólny warunek: włączony przełącznik „Cloud code execution and file creation” w Settings > Capabilities (stan na 1 października 2026). Część artykułów pomocy Anthropic podaje tę nazwę bez słowa „Cloud”.

Artifacts w praktyce - tworzenie

Claude automatycznie tworzy Artifact, gdy:

  • Generuje dłuższy fragment kodu (>15 linii)
  • Tworzy dokument lub artykuł
  • Buduje stronę HTML, komponent React
  • Produkuje diagram (SVG, Mermaid)

Możesz też poprosić wprost:

  • "Stwórz aplikację React, która..."
  • "Napisz mi HTML strony..."
  • "Wygeneruj diagram Mermaid..."
  • "Pokaż to jako artifact"

Edycja i iteracja

Tu jest sedno Artifacts - możesz je iterować:

  1. Claude tworzy Artifact (np. landing page)
  2. Ty: "Zmień kolor nagłówka na niebieski"
  3. Claude aktualizuje Artifact
  4. Ty: "Dodaj formularz kontaktowy na dole"
  5. Claude aktualizuje ponownie

Wersje. W starych artefaktach z czatu każda poprawka tworzyła nową wersję, do której mogłeś wrócić. Pomoc Anthropic dla nowego modelu artefaktów (stan na 1 października 2026) historii wersji nie opisuje. O Claude Docs pisze wprost, że historii wersji jeszcze nie ma. Chcesz sprawdzić inny kierunek bez utraty pracy? Edytuj wcześniejszą wiadomość - powstanie osobna wersja rozmowy z własnymi artefaktami. W nowym widoku „jednego Claude” (wdrażanym od 16 września 2026 na Pro i Max) rozgałęziania rozmowy na razie nie ma.

Możesz też edytować treść bezpośrednio w panelu Artifact. Edycję w miejscu (inline editing) Anthropic włączył 12 czerwca 2026: klikasz fragment tekstu i poprawiasz go sam, bez kolejnego promptu. W dokumencie albo pliku Markdown zaznaczasz fragment, klikasz „Edit with Claude” i wpisujesz prośbę. Claude poprawia dokładnie to miejsce.

Nowy system artefaktów - stan na 1 października 2026

Co się zmieniło. 19 sierpnia 2026 Anthropic zakończył tworzenie Live Artifacts w Cowork. 16 września 2026 wszedł nowy model artefaktów, opisany niżej. Artefaktem Anthropic nazywa dziś wszystko, co Claude przygotowuje do pokazania innym: projekt graficzny, prezentację, dokument, dashboard albo małe narzędzie. Wszystko trafia do zakładki Artifacts w panelu bocznym, więc wrócisz do tego z każdej rozmowy.

Szablony: Claude Docs, Claude Slides i Claude Design (beta, tylko plany płatne). Docs to dokument, który piszesz z Claude i zespołem na żywo. Slides to prezentacja z Twoich notatek, raportów albo pracy z czatu. Design to makiety, prototypy, jednostronicowe zestawienia i landing page'e. Szablon wybierzesz w zakładce Artifacts, przyciskiem „Output” w polu wiadomości albo prośbą w czacie. Na Pro, Max i Team szablony są domyślnie włączone, na Enterprise włącza je Owner (właściciel konta organizacji). Claude Design nie ma już osobnej puli limitu, a osobna strona claude.ai/design działa dalej.

Legacy artifacts. Tak Anthropic nazywa artefakty z czatu sprzed 16 września 2026. Działają, możesz je dalej publikować i udostępniać, ale nowych w tym trybie już nie zrobisz.

Live Artifacts z Cowork (utworzone przed 19 sierpnia 2026) też działają, ale nie edytujesz ich w miejscu. Nowego modelu artefaktów nie mają jeszcze organizacje z własnymi kluczami szyfrowania (CMEK), zero data retention (ZDR, bez przechowywania danych) albo konfiguracją zgodną z HIPAA (amerykańskimi przepisami o danych medycznych). Dalej korzystają z live artifacts w Cowork.

Trwały storage. Artefakt zapisuje dane między sesjami: do 20 MB na artefakt, tylko tekst (bez obrazów i plików). Działa na Pro, Max, Team i Enterprise, w przeglądarce i w aplikacji desktopowej. Nowy artefakt nie musi być opublikowany, żeby zapisywać dane. Storage bywa prywatny (każdy widzi tylko swoje wpisy, np. w dzienniku) albo współdzielony (wszyscy widzą to samo, np. tablicę wyników albo listę zadań zespołu). O podziale decyduje twórca artefaktu, więc przed wpisaniem czegoś poufnego sprawdź, który to typ.

Konektory MCP w artefaktach (Pro i wyżej, przeglądarka i Desktop). Artefakt sięga do aplikacji połączonych z Twoim kontem przez MCP (Model Context Protocol - standard łączenia AI z zewnętrznymi usługami). Czyta i zapisuje np. w Asanie, Kalendarzu Google czy Slacku, także przez Twoje własne konektory. Konektor Slack działa tylko na Team i Enterprise. Za pierwszym razem Claude pokazuje, z jakich narzędzi artefakt skorzysta, i prosi o zgodę. Narzędzia, które wymagają zatwierdzenia każdej akcji, w artefaktach nie działają. Każdy użytkownik łączy własne konta, także w cudzym artefakcie. W Team i Enterprise Owner może wyłączyć konektory w artefaktach dla całej organizacji.

Aplikacje z inteligencją Claude. Artefakt zadaje pytania Claude bez Twojego klucza API i bez kosztu po Twojej stronie. Według Anthropic zużycie liczy się do limitu osoby, która korzysta z aplikacji, nie do Twojego.

Telefon. W aplikacji na iOS i Androida poprosisz o projekt graficzny, prezentację albo dokument i obejrzysz wynik w zakładce Artifacts. Szablony, edycję i ustawienia udostępniania obsłużysz tylko w przeglądarce i w Claude Desktop.

Eksport i udostępnianie

Eksport z szablonów - przycisk „Export”. Claude Docs zapiszesz jako Word, PDF, Markdown albo Google Docs. Claude Slides jako PowerPoint albo PDF. Claude Design jako archiwum .zip, PDF, PowerPoint albo samodzielny plik HTML.

Kopiowanie - w starych artefaktach z czatu przyciski u góry panelu pokazują kod i kopiują treść do schowka.

Pobieranie - tam też pobierzesz artefakt jako plik (np. .html, .py, .svg).

Udostępnianie (stan na 1 października 2026). Nowy artefakt jest na start prywatny. Udostępniasz go przyciskiem „Share”:

  • Free - nowego artefaktu nie udostępnisz ani linkiem, ani zaproszeniem. Publikować możesz tylko stare artefakty z czatu.
  • Pro i Max - „Only you” albo „Anyone with the link”. Konkretne osoby zaprosisz mailem.
  • Team i Enterprise - „Only people invited”, „Anyone at [nazwa organizacji]” albo „Anyone with the link”. Enterprise udostępnia też grupom.

Każdy odbiorca potrzebuje konta Claude. Bez konta nie otworzysz udostępnionego artefaktu, nawet z linkiem. Jedyny wyjątek to stary artefakt opublikowany z czatu.

Zaproszenia e-mail (beta: Pro, Max, Team, Enterprise). Zaprosisz do 50 osób spoza organizacji na artefakt. Oczekujące zaproszenia wygasają po 30 dniach, przyjęte zostają. Dokumentów z Claude Docs nie udostępnisz zaproszeniem na żadnym planie.

Poziomy dostępu: Can view (otwiera artefakt i czyta komentarze), Commenter (do tego dodaje komentarze i pobiera pliki), Can edit (do tego wprowadza zmiany).

AI-powered apps i konektory bez publicznego linku. Artefakt, który łączy się z Twoimi aplikacjami albo zadaje pytania Claude, nie dostanie opcji „Anyone with the link”. Zaprosić kogoś mailem możesz, ale osobom spoza organizacji części korzystające z Claude i konektorów nie zadziałają.

Publikowanie - przycisk „Publish” mają dziś tylko stare artefakty z czatu (sprzed 16 września 2026), na planach Free, Pro i Max. Opublikowany artefakt otworzy każdy, kto ma link, także bez konta Claude. Funkcje korzystające z Claude poproszą go o rejestrację i liczą się do jego limitu. Publikacja dodaje artefakt do zakładki Artifacts w panelu bocznym.

Kod do osadzania - opublikowany stary artefakt osadzisz na własnej stronie. Klikasz „Get embed code” i w polu Allowed domains podajesz domeny, na których osadzenie ma działać.

Cofnięcie publikacji jest jednokierunkowe - po „Unpublish” tego samego artefaktu nie opublikujesz ponownie. Cofnięcie kasuje też na stałe dane z jego storage. Zanim cofniesz, sprawdź, gdzie link jest używany.

Żeby później znów udostępnić tę treść, trzeba zrobić nowy artefakt. Nowy artefakt nie ma już przycisku „Publish”. Na planach płatnych udostępnisz go przez „Share” osobom z kontem Claude. Na Free nie udostępnisz go wcale.

Remixowanie - w poprzednim systemie inni użytkownicy mogli przez „Remix & customize” tworzyć własne kopie Twojego opublikowanego Artifactu. Oryginał zostawał nietknięty.

Aktualizacja (1 października 2026): pomoc Anthropic opisuje dziś tę drogę jako „Build on a published artifact”. Działa na Free, Pro i Max, tylko dla starych artefaktów opublikowanych z czatu. Otwierasz opublikowany artefakt, klikasz „Copy”, wklejasz kod w nowym czacie i opisujesz zmiany. Twoja wersja jest osobna, oryginał zostaje nietknięty. Rób to tylko z artefaktami od osób, którym ufasz, bo wklejasz cudzy kod do swojej rozmowy.

Udostępnianie w Team/Enterprise - w organizacjach artefakty domyślnie zostają wewnątrz firmy. Link „Anyone with the link” działa dopiero, gdy Owner włączy udostępnianie zewnętrzne (External sharing) albo zgodzi się na konkretny artefakt. Dokumenty z Claude Docs na razie tego linku nie dostaną. Zaproszenia e-mail spoza firmy są domyślnie włączone na Team, a wyłączone na Enterprise. Stare artefakty z czatu udostępnisz przyciskiem „Share & copy link”. Uwaga: odbiorca takiego artefaktu widzi też załączniki i pliki z rozmowy, w której powstał.

Ograniczenia

  • Zewnętrzne usługi tylko przez MCP - artefakt nie wywołuje dowolnego API z internetu. Dokumentacja Claude Code (stan na 1 października 2026) opisuje to tak: strona artefaktu wysyła zapytania sieciowe tylko pod własny adres. Dane z innych usług dostaje przez konektory, które wywołuje claude.ai. Konektory w artefaktach działają na Pro, Max, Team i Enterprise. Pytania do Claude artefakt zadaje bez Twojego klucza API.
  • Trwały storage z limitem - 20 MB na artefakt, tylko tekst, tylko plany płatne. Nowy artefakt zapisuje dane bez publikacji. Stary artefakt z czatu zapisuje je dopiero po publikacji. Na Free artefakt nie zapamiętuje danych między sesjami.
  • Ograniczone biblioteki - nie zaimportujesz dowolnych pakietów npm. Według dokumentacji Claude Code biblioteki ładują się tylko z pięciu publicznych serwerów CDN (sieci udostępniających gotowy kod): cdnjs, unpkg, jsDelivr oraz serwerów Tailwinda i jQuery. Fonty pochodzą tylko z Google Fonts. Zestaw może się zmienić, więc aktualną listę sprawdzaj w dokumentacji Anthropic.
  • Rendering w przeglądarce - Artifacts działają w sandboxie przeglądarki
  • Złożoność - granicą jest rozmiar artefaktu i sandbox przeglądarki, nie okno kontekstu modelu (Opus 5.5, Sonnet 5.5 i Fable 5.1 mają w czacie okno 1M tokenów na planach płatnych). Bardzo dużą aplikację lepiej zbudować jako projekt w Claude Code.

Artifact vs czat - kiedy co

Użyj Artifact, gdy:Zostań w czacie, gdy:
Dłuższy kod (>15 linii)Krótka odpowiedź tekstowa
Kompletny dokumentWyjaśnienie koncepcji
Strona HTML / aplikacja ReactKrótki fragment kodu
Diagram / wizualizacjaOdpowiedź na pytanie
Treść do edycji i iteracjiDyskusja, burza mózgów

Dostępność

Artifacts są dostępne na wszystkich planach - włącznie z darmowym. Nie potrzebujesz Pro, żeby z nich korzystać. Warunek techniczny: każdy artefakt wymaga włączonego przełącznika „Cloud code execution and file creation” w Settings > Capabilities. W Team i Enterprise ustawia go Owner w Organization settings > Capabilities.

Funkcje zależne od planu (stan na 1 października 2026):

FunkcjaFreePro i MaxTeam i Enterprise
Tworzenie artefaktów w czacietaktaktak
Szablony Docs, Slides, Design (beta)nietaktak (Enterprise: po włączeniu przez Ownera)
Trwały storage i konektory MCPnietaktak
Link „Anyone with the link” (odbiorca z kontem Claude)nietaktak, gdy Owner włączy External sharing
Zaproszenia e-mail (beta)nietaktak
Udostępnianie w organizacjinienietak (grupy: tylko Enterprise)
Przycisk „Publish” (stare artefakty z czatu)taktaknie (zamiast niego „Share & copy link”)

Promocja do 15 października 2026. Od 1 do 15 października 2026 na Pro, Max i Team 10 kolejnych wiadomości po utworzeniu lub edycji artefaktu zużywa o 50% mniej limitu 5-godzinnego. Nie dotyczy Free, Enterprise, Claude Code ani limitu tygodniowego.

Artifacts w Claude Code. Artefakt zrobisz też z terminala: poproś Claude Code na przykład „Zrób z tego artefakt”, a opublikuje stronę pod prywatnym adresem na claude.ai. Działa na planach Pro, Max, Team i Enterprise, po zalogowaniu kontem claude.ai przez /login (nie kluczem API). Tylko z Anthropic API - nie przez Amazon Bedrock, Google Cloud ani Microsoft Foundry. Każda publikacja to nowa wersja, a w menu Share wybierasz, którą widzą odbiorcy.

Komenda /artifacts pokazuje listę Twoich artefaktów i tych, które ktoś Ci udostępnił (wymaga Claude Code 2.1.208 lub nowszej). /slides i /design startują z szablonów (wymagają 2.1.265 lub nowszej). Claude przeczyta komentarze pod artefaktem udostępnionym w organizacji i na nie odpowie. To wymaga wersji 2.1.221 lub nowszej i planu Team albo Enterprise. Na żywo strona korzysta tylko z konektorów z konta claude.ai. Serwery MCP dodane wyłącznie w Claude Code dostarczą dane tylko podczas budowania strony.

Ćwiczenie praktyczne: Stwórz 3 różne Artifacts w claude.ai:

1. Dokument: "Napisz executive summary raportu o trendach AI w marketingu na najbliższy rok. Format: profesjonalny dokument z nagłówkami i bullet pointami."

2. Kod HTML: "Stwórz prostą stronę HTML z formularzem kontaktowym. Styl: ciemny motyw, nowoczesny design."

3. Wizualizacja React: "Stwórz interaktywny wykres słupkowy pokazujący wydatki firmy na AI w czterech kolejnych latach: rok 1: $50M, rok 2: $120M, rok 3: $280M, rok 4: $500M."

Dla każdego artefaktu: spróbuj edytować go przez czat („Zmień X na Y”) i przez edycję w miejscu. Na planie płatnym udostępnij jeden z nich opcją „Anyone with the link” (na Team i Enterprise dopiero, gdy Owner włączy udostępnianie zewnętrzne). Otwórz link w oknie incognito. Według pomocy Anthropic bez konta Claude nowego artefaktu nie otworzysz. Sprawdź, co zobaczysz.

Wyzwanie: Stwórz interaktywną miniaplikację jako Artifact. Pomysł: kalkulator ROI z AI, quiz wiedzy o AI lub timer Pomodoro ze statystykami. Na planie Pro lub wyższym poproś, żeby aplikacja zapisywała wyniki w trwałym storage, i sprawdź, czy wynik zostaje po odświeżeniu strony. Publikacja nie jest do tego potrzebna.

Co dalej

W następnej lekcji poznasz Projects - dzięki nim zbudujesz bazę wiedzy dla Claude i sprawisz, że "rozumie" Twój biznes.