1. 아티팩트(Artifacts) 활용하기

1.1 아티팩트란?

아티팩트(Artifacts)는 Claude가 생성한 콘텐츠를 대화창과 분리된 별도 패널에서 미리보기하는 기능입니다. 4장에서 사이드바를 살펴볼 때 대화 중 만들어진 결과물이 모이는 곳이라고 소개한 적이 있는데, 그 결과물이 바로 아티팩트입니다. 코드, 문서, 다이어그램, 웹페이지처럼 독립적으로 활용할 수 있는 콘텐츠가 이렇게 만들어집니다.

지금까지 Cowork와 Code 탭에서는 결과물이 내 폴더에 파일로 남았습니다. 아티팩트는 결과물이 남는 자리가 다릅니다. 파일 대신 화면 옆의 패널에 만들어지고, 거기서 바로 미리보기, 복사, 다운로드, 공유가 가능합니다. 폴더를 지정할 필요가 없으니 채팅 탭에서도 동작하고, 만든 것을 링크 하나로 다른 사람에게 보여주기가 특히 편합니다.

1.2 만들고 게시해보기

직접 만들어보겠습니다. 우선 탭에서 채팅을 클릭한 후 왼쪽 사이드바에서 아티팩트 섹션을 선택합니다.

새 아티팩트를 클릭하면 '채팅 아티팩트 만들기'와 'Cowork 아티팩트 만들기' 두 가지 선택지가 나옵니다. 여기서는 채팅 아티팩트를 선택합니다. 이어서 여러 항목이 나타나는데, 그중 앱 및 웹사이트를 선택해봅시다.

일반 채팅에서 했던 것처럼 대화를 진행하면 됩니다.

실제로 만들어진 화면은 오른쪽 패널에서 볼 수 있고, 여기서 미리보기와 복사, 게시가 가능합니다. 이번에는 게시를 해보겠습니다. 패널 위의 게시 버튼을 누르고 게시하기를 클릭해주세요.

게시가 완료되면 URL이 생성됩니다. 이 URL을 다른 사람과 공유할 수 있습니다. 받는 사람은 Claude 계정이 없어도 링크만 눌러 결과물을 볼 수 있습니다. 뒤집어 말하면 링크를 아는 사람은 누구나 볼 수 있다는 뜻이므로, 내부 자료나 개인정보가 담긴 내용이라면 게시 전에 한 번 확인하는 편이 좋습니다.

1.3 실습: 견적 계산기 만들기

아티팩트로는 보여주는 페이지만 만들 수 있는 것이 아닙니다. 숫자를 넣으면 계산해주는 작은 도구도 만들 수 있습니다. 이번에는 모모의 정원에 자주 들어오는 단체 주문 문의에 쓸 견적 계산기를 만들어봅시다. "10명이 음료랑 케이크 시키면 얼마예요?" 같은 질문이 올 때마다 손으로 더하는 대신, 메뉴와 수량만 고르면 합계가 바로 나오게 하는 것입니다.

1.3.1 계산기 요청하기

앱 및 웹사이트로 새 아티팩트를 시작하고 아래처럼 요청합니다. 가격표를 같이 알려주는 것이 핵심입니다.

카페 단체 주문 견적을 계산하는 도구를 한 페이지 웹사이트로 만들어주세요.

메뉴와 가격:
- 아메리카노 4,500원
- 카페라떼 5,000원
- 조각 케이크 6,500원
- 쿠키 세트 8,000원

기능:
- 각 메뉴마다 수량을 늘리고 줄이는 버튼
- 수량을 바꾸면 합계 금액이 자동으로 다시 계산되게
- 10잔 이상이면 전체 금액에서 10% 할인 적용하고, 할인액도 따로 표시
- 맨 아래 최종 결제 금액을 크게 표시

분위기: 모모의 정원에 어울리는 베이지와 갈색 계열, 글씨는 큼직하게

오른쪽 패널에서 수량 버튼을 눌러보세요. 숫자를 바꿀 때마다 합계가 즉시 다시 계산되는 것을 볼 수 있습니다.

1.3.2 검산은 직접 해보기

계산기를 만들었다면 만든 사람이 한 번은 직접 검산해봐야 합니다. 아메리카노 두 잔, 케이크 한 조각을 넣어 손으로 더한 값과 화면의 합계가 같은지 맞춰보고, 10잔을 넘겼을 때 할인이 제대로 들어가는지도 확인해보세요. AI가 만든 결과물도 틀릴 수 있으니, 숫자가 걸린 도구일수록 한 번 의심하고 넘어가는 습관이 필요합니다.

값이 어긋나거나 조건을 바꾸고 싶으면 그대로 이어서 요청하면 됩니다.

할인 기준을 10잔에서 15잔 이상으로 바꿔주고,
부가세 10%를 더한 금액도 맨 아래에 따로 보여줘.

이렇게 만든 계산기도 게시해서 링크로 공유하거나, 직원들이 즐겨찾기에 두고 필요할 때마다 꺼내 쓸 수 있습니다. 설치할 프로그램도, 어디에 자료를 올릴 일도 없이 화면 안에서 계산이 끝납니다.