← Wszystkie wpisy

Claude Code /design: co robi ten skill w research preview

Z przewodnika: Claude Code Comprehensive Guide

Skill /design w Claude Code, ogłoszony jako research preview w podsumowaniu Anthropic z 34. tygodnia (od 17 do 21 sierpnia 2026), przyjmuje brief i publikuje jako artefakt kanwę z edytowalnymi planszami (artboardami) interfejsu; wybiera się jedną z nich, poprawia ją i zleca Claude implementację. Działa w CLI i w Claude Code Desktop, wymaga wersji v2.1.233 lub nowszej i jest dostępny w planach Pro, Max, Team i Enterprise.1 Ponieważ publikuje do artefaktów, podlega także wymaganiom artefaktów: sesja musi być zalogowana na konto claude.ai i korzystać z Anthropic API.5 Publiczny zapis w chwili premiery to trzy krótkie strony (podsumowanie, własny opis skilla oraz strona dostępności artefaktów, do której podsumowanie odsyła), więc pierwsze spojrzenie pozostaje krótkie: co według Anthropic robi ten skill, co się dostaje w zamian, czego wymaga i gdzie kończy się udokumentowana powierzchnia. {.answer-block}

TL;DR

  • Jedno polecenie, jedna kanwa. /design <brief> sprawia, że Claude szkicuje projekt złożony z wielu plansz i publikuje go jako artefakt; po zakończeniu Claude wypisuje link.1
  • Dwa poziomy wyniku. Tam, gdzie konto pozwala na zapisywanie, dostaje się edytor wizualny oraz przycisk Save, który publikuje nową wersję dla wszystkich; pozostali dostają podgląd z możliwością eksportu (PNG/PDF).2
  • Próg to v2.1.233 (14 sierpnia 2026) w planie Pro, Max, Team lub Enterprise, w CLI lub w Claude Code Desktop, plus wymagania artefaktów: logowanie do claude.ai na Anthropic API, z wyłączonymi dla organizacji CMEK, HIPAA i Zero Data Retention.135
  • Podgląd kończy się na kanwie. Ani podsumowanie, ani opis nie wymieniają flag czy limitów liczby plansz; opis dopuszcza ponowne zasianie (re-seeding) kanwy, nie definiując go, i wskazuje opublikowany artefakt jako miejsce edycji istniejącej kanwy.24

Co robi skill /design?

Podsumowanie Anthropic z 34. tygodnia opisuje go w jednym akapicie: skill „brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.” (przenosi oparty na planszach przepływ pracy Claude Design do CLI i Claude Code Desktop, na bazie artefaktów; uruchomiony z briefem publikuje kanwę edytowalnych plansz interfejsu, z których wybiera się jedną, poprawia ją i zleca Claude implementację).1 Opublikowany przykład to brief produktowy, nie specyfikacja:

> /design redesign the composer based on what people actually use it for

Claude wypisuje link do opublikowanej kanwy, a karta w podsumowaniu osadza film demonstracyjny.1 Otwiera się kanwę, wybiera planszę i mówi Claude, którą opcję ma zaimplementować.1 Skill odpowiada tylko za pierwszy krok i sam mówi o tym w ostatnim zdaniu swojego opisu: „Only for CREATING or re-seeding a canvas; an existing one is edited in its published Artifact.” (wyłącznie do tworzenia lub ponownego zasiewania kanwy; istniejącą edytuje się w opublikowanym artefakcie).2 Drugi krok dzieje się w artefakcie, a trzeci to zwykła praca Claude Code na kodzie projektu.

Mechanikę dostarcza opis skilla widoczny w produkcie. Nazywa on wynik „a multi-artboard visual design published as an Artifact that runs Claude Design’s canvas editor (an early preview of Claude Design inside Claude Code)” (wieloplanszowym projektem wizualnym opublikowanym jako artefakt, w którym działa edytor kanwy Claude Design, wczesny podgląd Claude Design wewnątrz Claude Code), szkicowanym „as .dc.html artboards laid out on one pan/zoom canvas” (jako plansze .dc.html rozłożone na jednej kanwie z przesuwaniem i powiększaniem).2 Jedno uruchomienie umieszcza wszystkie plansze na jednej kanwie, a każda plansza to plik .dc.html.

Klauzula wyzwalająca w opisie oznacza też, że nie trzeba wpisywać polecenia z ukośnikiem. Każe ona Claude używać skilla „when someone wants a design, mockup, wireframe, UI or screen design, landing page, poster, flyer, brochure, banner, card, one-pager, or any visual layout they would rather tweak by hand than in code” (gdy ktoś chce projekt, makietę, wireframe, projekt interfejsu lub ekranu, landing page, plakat, ulotkę, broszurę, baner, kartę, one-pager albo dowolny układ wizualny, który wolałby poprawiać ręcznie niż w kodzie), więc zwykła prośba o makietę może sama z siebie wywołać /design.2

Co się dostaje w zamian?

Opis dzieli wynik według konta. Tam, gdzie konto pozwala na zapisywanie, „they refine every element visually (click-to-select, a properties panel, inline text editing, undo/redo) and Save publishes a new version for everyone” (każdy element dopracowuje się wizualnie: zaznaczanie kliknięciem, panel właściwości, edycja tekstu w miejscu, cofanie i ponawianie, a Save publikuje nową wersję dla wszystkich). W przeciwnym razie „they get a view-and-export (PNG/PDF) preview of your draft” (dostaje się podgląd szkicu z możliwością eksportu do PNG/PDF).2

Opis sięga też poza interfejs aplikacji. Wymienia „UI mockups and screen flows, landing pages, marketing and social graphics, and print pieces” (makiety interfejsu i przepływy ekranów, landing page, grafiki marketingowe i do mediów społecznościowych oraz materiały drukowane), z „posters, flyers, brochures as single-page artboards; memos and reports as one flowing artboard” (plakatami, ulotkami i broszurami jako planszami jednostronicowymi oraz notatkami i raportami jako jedną ciągłą planszą).2 Przykład z podsumowania dotyczy interfejsu; szersza lista to nadal własna deklaracja zakresu ze strony Anthropic.

Czego wymaga?

Element Udokumentowane Źródło
Minimalna wersja v2.1.233 (14 sierpnia 2026) lub nowsza Podsumowanie, informacje o wydaniu13
Plany Pro, Max, Team, Enterprise Podsumowanie1
Powierzchnie CLI i Claude Code Desktop Podsumowanie1
Wynik Artefakt z edytorem kanwy Claude Design Opis skilla2
Format plansz .dc.html, jedna kanwa z przesuwaniem i powiększaniem Opis skilla2
Pełna edycja Tylko tam, gdzie konto pozwala na zapisywanie Opis skilla2
Wariant zapasowy Podgląd plus eksport PNG/PDF Opis skilla2
Artefakty: plan Pro, Max, Team lub Enterprise; w planie Team artefakty są domyślnie włączone, a w Enterprise włącza je Owner w ustawieniach administracyjnych claude.ai Dostępność artefaktów5
Artefakty: uwierzytelnianie Sesja oparta na koncie claude.ai, przez /login w CLI lub w aplikacji desktopowej; sesje korzystające z klucza API, tokenu bramy lub poświadczeń dostawcy chmury nie mogą publikować Dostępność artefaktów5
Artefakty: dostawca modelu Anthropic API; niedostępne w Amazon Bedrock, Google Cloud Agent Platform ani Microsoft Foundry Dostępność artefaktów5
Artefakty: polityka organizacji Klucze szyfrowania zarządzane przez klienta (CMEK), HIPAA i Zero Data Retention niewłączone dla organizacji Dostępność artefaktów5
Artefakty: powierzchnia Claude Code CLI 2.1.183 lub nowsze albo aplikacja desktopowa Claude 1.13576.0 lub nowsza (próg CLI leży poniżej progu /design; podsumowanie nie podaje osobnej wersji aplikacji desktopowej); domyślnie wyłączone w kontekstach Agent SDK, GitHub Action i serwera MCP oraz przy ustawionym CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC Dostępność artefaktów5
Status Research preview Podsumowanie1

Zainstalowaną wersję można sprawdzić poleceniem claude --version; podsumowanie obejmuje okno od v2.1.234 do v2.1.239, ale wymaganie ustawia jedno wydanie wcześniej.1 Przewodnik szybkiego startu opisuje instalację i konfigurację pierwszej sesji.

Wiersze o artefaktach mają znaczenie, bo podsumowanie nazywa skill „built on artifacts” (zbudowanym na artefaktach) i na karcie /design odsyła do strony dostępności pod nagłówkiem „Where artifacts are available”.1 Anthropic ujmuje to tam rygorystycznie: „Artifacts require every condition below. When one is not met, Claude writes a local HTML file or says it cannot publish instead.” (artefakty wymagają spełnienia każdego z poniższych warunków; gdy któregoś brakuje, Claude zapisuje zamiast tego lokalny plik HTML albo informuje, że nie może opublikować).5 Sesja na kluczu API albo w Amazon Bedrock, Google Cloud Agent Platform czy Microsoft Foundry spełnia próg wersji, a mimo to nie może opublikować kanwy.5 Ta sama strona opisuje też osobny wbudowany skill projektowy, który nadaje styl każdemu artefaktowi budowanemu przez Claude (v2.1.182 lub nowsze), i nie jest to /design.5

Gdzie kończy się podgląd?

Te trzy strony to cały publiczny zapis dotyczący samego skilla; własna strona produktu Claude Design opisuje edytor, nie skill. Wolę wymienić, co pomijają, niż zgadywać.4

  • Brak flag i opcji. Podsumowanie pokazuje /design, a po nim zwykłą prozę. Ani podsumowanie, ani opis nie wymieniają przełączników liczby plansz, rozmiaru kanwy, ramki urządzenia ani poziomu wyniku.
  • Brak podanej liczby plansz. „a canvas of editable artboards” z podsumowania i „multi-artboard” z opisu to jedyne podane ilości.
  • Ponowne zasiewanie, niezdefiniowane. Opis dopuszcza „re-seeding a canvas”, nie mówiąc, czego to wymaga, a jako ścieżkę dla istniejącej kanwy wskazuje edycję „in its published Artifact”.2
  • Brak wyjaśnienia bramki zapisywania. Opis mówi „where saving is enabled for the user’s account” (tam, gdzie zapisywanie jest włączone dla konta użytkownika), nie wskazując, których kont to dotyczy ani jak to sprawdzić inaczej niż przez uruchomienie.2 Strona artefaktów wymienia, kto w ogóle może publikować; czy te same warunki rządzą poziomem edycji, pozostaje niepowiedziane.5
  • Brak opisu implementacji. Podsumowanie mówi, że wskazuje się Claude opcję do implementacji; czy Claude czyta wtedy planszę .dc.html, czy pracuje na podstawie opisu, nie zostało powiedziane.1

Podsumowanie określa skill jako research preview, więc każdy z tych punktów może się zmienić bez zapowiedzi.1

Co jeszcze pojawiło się w 34. tygodniu?

W podsumowaniu są jeszcze dwie inne główne funkcje. Concise to nowy wbudowany styl wyjścia (v2.1.237): Claude zaczyna od wyniku i pomija wstępy, pracując równie dokładnie jak w stylu Default, a raporty o błędach, ostrzeżenia bezpieczeństwa i potwierdzenia destrukcyjnych działań pozostają kompletne; wystarczy ustawić "outputStyle": "Concise" w ~/.claude/settings.json lub wybrać go w /config, a potem wykonać /clear albo rozpocząć nową sesję. Remote Control także opuścił research preview: każda maszyna z uruchomionym claude remote-control pojawia się jako karta urządzenia w zakładce Code aplikacji mobilnej Claude, a dotknięcie jej uruchamia tam sesję.1

FAQ

Czym jest skill /design w Claude Code?

Skill w wersji research preview, który przyjmuje brief, szkicuje projekt złożony z wielu plansz i publikuje go jako artefakt z edytorem kanwy Claude Design. Wybiera się planszę i prosi Claude o jej implementację.12

Której wersji Claude Code wymaga /design?

v2.1.233 lub nowszej, wydanej 14 sierpnia 2026. Sprawdzić to można poleceniem claude --version.13

Które plany mogą używać /design?

Pro, Max, Team i Enterprise, w CLI oraz w Claude Code Desktop.1

Czy można edytować plansze tworzone przez /design?

Tylko tam, gdzie konto pozwala na zapisywanie: wtedy dostępne są zaznaczanie kliknięciem, panel właściwości, edycja tekstu w miejscu, cofanie i ponawianie oraz Save, który publikuje nową wersję dla wszystkich. W przeciwnym razie dostaje się podgląd z możliwością eksportu (PNG/PDF).2

Czy /design działa z kluczem API albo w Bedrock, Google Cloud lub Foundry?

Według dokumentacji nie. Skill publikuje do artefaktów, a strona artefaktów Anthropic mówi, że sesje korzystające z klucza API, tokenu bramy lub poświadczeń dostawcy chmury nie mogą publikować oraz że artefakty nie są dostępne w Amazon Bedrock, Google Cloud Agent Platform ani Microsoft Foundry. Potrzebne jest logowanie do claude.ai na Anthropic API. Strona artefaktów mówi, że Claude zapisuje wtedy lokalny plik HTML albo informuje, że nie może opublikować; żadne ze źródeł nie mówi, co w takiej sytuacji robi /design.5

Czy /design służy tylko do interfejsów aplikacji?

Nie. Opis wymienia też landing page, grafiki marketingowe i do mediów społecznościowych, materiały drukowane, takie jak plakaty, ulotki i broszury, oraz notatki i raporty jako jedną ciągłą planszę.2

Najważniejsze wnioski

Dla inżynierów produktu: - Warto poprosić o makietę zwykłym językiem na prawdziwym ekranie; klauzula wyzwalająca w opisie pozwala Claude wywołać skill z takiej prośby, bez wpisywania polecenia z ukośnikiem.2 - Brief należy napisać prozą, jak w przykładzie Anthropic; udokumentowany przykład to proza, a ani podsumowanie, ani opis nie wymieniają żadnej flagi.1 - Warto samemu zapisać, którą planszę się wybrało; podsumowanie nigdzie nie mówi, co Claude czyta po dokonaniu wyboru.1

Dla projektantów: - Przed zaplanowaniem rundy przeglądu należy potwierdzić, czy konto pozwala na zapisywanie; bez tego kanwa służy tylko do podglądu i eksportu.2 - Jednostronicowa ulotka lub grafika do mediów społecznościowych to uczciwy test obok przepływu interfejsu; oba mieszczą się w deklarowanym zakresie.2

Dla liderów zespołów: - Należy zweryfikować v2.1.233 lub nowszą w całym zespole, plus wymagania artefaktów (logowanie do claude.ai, Anthropic API, brak CMEK, HIPAA i Zero Data Retention), i spodziewać się zmian w skillu, dopóki nosi etykietę research preview.135 - Proces warto budować wyłącznie wokół trzech udokumentowanych kroków; flagi, limity i ponowne zasiewanie pozostają nieudokumentowane.4

Gdy plansza już istnieje, projektowanie dla powierzchni agentów AI opisuje zasady interakcji, które nadal musi ona spełnić.



  1. Anthropic, “What’s new in Claude Code: Week 34, August 17 to 21, 2026” – research preview /design (przepływ pracy z planszami, CLI i Claude Code Desktop, plany, wymaganie v2.1.233, przykładowy prompt, link do kanwy), styl wyjścia Concise (v2.1.237) oraz karty urządzeń Remote Control. Zweryfikowano 2026-08-25. 

  2. Anthropic, opis skilla design w Claude Code, dołączony do CLI (metadane skilla widoczne w produkcie; brak publicznego URL). Cytowany dosłownie w zakresie wyniku w postaci artefaktu z edytorem kanwy, plansz .dc.html, poziomu edycji z włączonym zapisywaniem względem poziomu podglądu i eksportu (PNG/PDF) oraz listy obsługiwanych typów projektów. Zweryfikowano 2026-08-25. 

  3. Anthropic, informacje o wydaniu Claude Code v2.1.233, 14 sierpnia 2026 – cytowane wyłącznie dla daty wydania minimalnej wersji. Zweryfikowano 2026-08-25. 

  4. Odczyt źródeł 1, 2 i 5 przez autora według stanu na 2026-08-25; wymienione luki to braki w tych dokumentach, a nie twierdzenia o tym, jak skill się zachowuje. 

  5. Anthropic, “Artifacts”, sekcja Availability: cytowana dla pięciowierszowej tabeli wymagań (plan, uwierzytelnianie, dostawca modelu, polityka organizacji, powierzchnia), ujęcia „every condition below” oraz wykluczeń dotyczących klucza API, tokenu bramy, poświadczeń dostawcy chmury, Bedrock, Google Cloud Agent Platform i Microsoft Foundry. Zweryfikowano 2026-08-25. 

Powiązane artykuły

Anthropic Python SDK 1.0: migracja ręczna lub z Claude Code

Migracja anthropic 0.x na 1.0: httpx2, async raw responses, region Bedrock. Ręcznie z MIGRATION.md lub Claude Code: /cla…

8 min czytania

Install and Update Claude Code CLI: Mac, Linux, Windows

Every way to install, update, pin, and uninstall the Claude Code CLI -- native installer, Homebrew, winget, or npm -- on…

7 min czytania

Pętla Ralph: jak uruchamiam autonomiczne agenty AI na noc

Zbudowałem system autonomicznych agentów z hookami zatrzymania, budżetami spawnowania i pamięcią opartą na plikach. Co z…

6 min czytania