Jak dodać obrazek albo zrzut ekranu do Claude Code

Claude Code

Jak dodać obrazek albo zrzut ekranu do Claude Code

W skrócie

Claude Code, oficjalne narzędzie CLI od Anthropic do programowania z AI, mimo że działa w terminalu, radzi sobie z obrazami: zrzutami błędów, makietami projektowymi, diagramami czy schematami bazy. Dzięki temu zamiast opisywać słowami, jak wygląda usterka albo docelowy interfejs, możesz po prostu pokazać. Poniżej trzy sprawdzone sposoby na dodanie obrazu i podpowiedź, jak potem o niego pytać.

Jak to wygląda w praktyce

Masz zrzut ekranu z komunikatem błędu albo projekt graficzny od projektanta i chcesz, żeby Claude Code go przeanalizował. W oknie terminala nie ma jednak przycisku "dodaj załącznik", więc pierwsza reakcja to niepewność, czy to w ogóle możliwe. Efekt: albo mozolnie przepisujesz treść błędu, albo próbujesz opisać wygląd interfejsu słowami, co jest niewygodne i nieprecyzyjne. A wystarczy wrzucić obraz.

Dlaczego Claude Code tak działa

Model stojący za Claude Code potrafi analizować obrazy, ale interfejs jest tekstowy, więc obraz trzeba mu jakoś przekazać. Claude Code rozwiązuje to trzema kanałami: obsługuje upuszczenie pliku w oknie, przechwytuje obraz ze schowka systemowego i przyjmuje zwykłą ścieżkę do pliku w treści prompta. To nie jest obejście - to wbudowane wsparcie dla pracy z obrazami. Warianty skrótów wklejania (inny na Windows i WSL) wynikają z tego, że różne terminale różnie obsługują schowek.

Jak to rozwiązać krok po kroku

1. Sposób pierwszy - przeciągnij i upuść. Złap plik obrazu i upuść go w oknie Claude Code. Narzędzie wstawi odwołanie do obrazu w Twoim prompcie.
2. Sposób drugi - wklej ze schowka. Skopiuj obraz (na przykład zrób zrzut ekranu, który ląduje w schowku) i naciśnij Ctrl+V. Na Windows i WSL użyj Alt+V, a w iTerm2 na macOS zadziała Cmd+V. W miejscu kursora pojawi się znacznik w rodzaju [Image #1], do którego możesz się odwołać w treści.
3. Uwaga na Windows i WSL: jeśli Twój terminal przechwytuje Ctrl+V, użyj Alt+V - obie kombinacje są tam powiązane z wklejaniem obrazu.
4. Sposób trzeci - podaj ścieżkę. Wpisz w prompcie ścieżkę do pliku, na przykład "Przeanalizuj ten obraz: /sciezka/do/obrazu.png". Ścieżka może być względna albo bezwzględna.
5. Zadaj pytanie do obrazu. Po dodaniu napisz konkretnie, czego oczekujesz: "Co pokazuje ten zrzut ekranu?", "Opisz elementy interfejsu na tym obrazku" albo "Oto zrzut błędu, co go powoduje?".
6. Wykorzystaj obraz do generowania kodu. Możesz poprosić "Wygeneruj CSS odwzorowujący tę makietę" albo "Jaka struktura HTML odtworzyłaby ten komponent?".
7. Pracuj z wieloma obrazami naraz. W jednej rozmowie możesz dodać kilka obrazów i odwoływać się do nich po kolejnych znacznikach [Image #N].

Jak sprawdzić, że zadziałało

Po dodaniu obrazu w polu wpisu powinien pojawić się znacznik odwołania, na przykład [Image #1] - to potwierdzenie, że Claude Code przyjął obraz. Wyślij prosty prompt kontrolny, jak "Opisz, co widzisz na obrazku", i sprawdź, czy odpowiedź faktycznie dotyczy treści Twojego zrzutu, a nie ogólników. Gdy Claude Code odwołuje się do obrazu w odpowiedzi (na przykład jako [Image #1]), możesz otworzyć go w domyślnej przeglądarce, klikając odnośnik z Ctrl (na Windows i Linux) albo z Cmd (na macOS). Jeśli wklejanie nie zadziałało, wróć do wariantu ze ścieżką do pliku - działa niezależnie od terminala.

Wróć do listy: 100 najczęstszych problemów z Claude Code

Szkolenie Claude Code - od zera do zespołu agentów AI -->

Szkolenie Claude Code - od zera do zespołu agentów AI

Tryb planowania, tryby uprawnień, komendy, MCP, hooki i systemy multi-agent - wszystko na żywym kodzie podczas trzydniowego szkolenia. Prowadzi Łukasz Matuszewski. Szkolenie ma terminy gwarantowane - odbędzie się niezależnie od liczby zgłoszeń.

Sprawdź szkolenie Claude Code

To szkolenie może być dofinansowane dla Ciebie z KFS lub BUR.

★★★★★Średnia ocena naszych szkoleń w Google: 5/5