클로드에게 "체크리스트 만들어 줘"라고 했는데 답변이 대화창 오른쪽에 별도 창으로 뜬 경험이 있다면, 그게 아티팩트(Artifacts)입니다. 처음에는 "왜 창이 따로 뜨지?" 싶었는데, 써 보니 결과물을 다듬는 방식 자체가 바뀌는 기능이었습니다.
아티팩트란?
아티팩트는 대화 중 만들어진 독립된 결과물을 대화창 옆 패널에 보여 주는 기능입니다. 대화는 왼쪽에서 계속 이어가고, 결과물은 오른쪽에서 버전별로 쌓입니다.
| 아티팩트 종류 | 예시 |
|---|---|
| 문서 | 보고서 초안, 안내문, 체크리스트 (마크다운) |
| 코드 | 파이썬 스크립트, SQL, 엑셀 수식 설명 |
| 웹페이지 | HTML로 만든 소개 페이지, 계산기 |
| 다이어그램 | 순서도, 조직도 (SVG·Mermaid) |
| 인터랙티브 앱 | 간단한 퀴즈, 타이머, 대시보드 |
대화창 답변과 무엇이 다른가
일반 답변은 수정을 요청하면 전체를 새로 다시 씁니다. 아티팩트는 같은 결과물의 새 버전으로 쌓이고, 이전 버전으로 돌아가 비교할 수 있습니다. 문서를 여러 번 고칠 때 이 차이가 큽니다.
직접 만들어 본 예시 3가지
예시 1. 신규 입사자 체크리스트
신규 입사자 첫 주 체크리스트를 아티팩트로 만들어 줘.
- 날짜별 섹션
- 각 항목 앞에 체크박스
- 담당자 칸 포함
마크다운 문서 형태로 체크리스트가 만들어졌고, "담당자를 인사팀/팀장/버디로 나눠 줘"라고 추가 요청하니 해당 부분만 반영된 새 버전이 생겼습니다.
예시 2. 연봉 실수령액 대략 계산기
연봉을 입력하면 월 예상 실수령액을 보여주는 간단한 계산기를
웹페이지 아티팩트로 만들어 줘.
4대보험 요율은 내가 입력할 수 있게 입력칸으로 만들어 줘.
입력칸과 버튼이 있는 작은 웹 앱이 만들어졌고, 패널 안에서 바로 실행해 볼 수 있었습니다. 다만 세율과 보험요율은 해마다 바뀌므로 고정값으로 넣기보다 입력칸으로 받게 한 것이 포인트입니다. 계산 결과는 참고용으로만 쓰고, 정확한 값은 공식 계산기로 확인했습니다.
예시 3. 업무 흐름 순서도
고객 환불 요청 처리 흐름을 순서도로 그려 줘.
접수 → 사유 확인 → 금액 기준(5만원 이상/미만)에 따라 승인자 분기 → 처리 완료
다이어그램 아티팩트로 순서도가 그려졌습니다. 회의 자료에 넣기 전에 흐름을 팀원과 맞춰 보는 용도로 유용했습니다.
수정 요청 요령
아티팩트를 고칠 때는 위치를 정확히 지목할수록 좋습니다.
- ❌ "좀 더 좋게 고쳐 줘"
- ✅ "2번째 섹션의 표에 '마감일' 열을 추가해 줘"
- ✅ "버튼 색을 파란색으로, 글자 크기는 지금보다 한 단계 크게"
여러 군데를 고칠 때는 번호 목록으로 한 번에 요청하면 버전이 덜 쌓입니다.
공유와 내보내기
- 복사·다운로드: 아티팩트 패널 메뉴에서 내용을 복사하거나 파일로 저장할 수 있습니다.
- 게시(공유 링크): 공개 링크를 만들어 다른 사람이 볼 수 있습니다. 게시한 아티팩트는 링크를 아는 누구나 볼 수 있으니 사내 정보나 개인정보는 넣지 않아야 합니다.
아티팩트가 맞지 않는 경우
- 아주 큰 프로그램: 여러 파일로 구성된 앱은 아티팩트보다 클로드 코드 같은 개발 도구가 적합합니다.
- 정확한 서식이 필요한 공문서: 회사 양식이 정해진 워드·한글 문서는 내용만 아티팩트로 만들고, 서식은 원래 프로그램에서 맞추는 편이 빨랐습니다.
결과물을 보며 고치는 방식
아티팩트를 쓰기 시작하고 가장 달라진 점은 "결과물을 먼저 보고 말로 고치는" 작업 방식입니다. 예전에는 원하는 걸 처음부터 완벽하게 설명하려고 애썼는데, 지금은 대충 만들게 한 뒤 보면서 고칩니다. 이 방식이 훨씬 빠릅니다. 특히 간단한 계산기나 체크리스트처럼 "작은 도구"가 필요할 때 개발자에게 부탁하지 않고 바로 만들 수 있다는 점이 컸습니다.
핵심 요약
- 아티팩트는 문서·코드·웹페이지·다이어그램을 별도 패널에 버전별로 쌓는 기능입니다.
- 수정 요청은 위치를 지목해서, 여러 개면 번호 목록으로 한 번에 하세요.
- 공개 게시는 링크를 아는 누구나 볼 수 있으니 민감한 정보는 넣지 마세요.
