Claude AI 활용법 2편: 아티팩트로 뭐든 만들기
요약
핵심 요지
- 문제 정의: 아이디어는 있는데 만들 줄 모를 때
- 핵심 주장: “아티팩트로 생성해줘”라고 하면 Claude가 바로 만들어서 보여줍니다
- 주요 근거: Claude 아티팩트 기능 (실시간 미리보기, 다운로드, 수정)
문서가 설명하는 범위
- 아티팩트란 무엇인가
- 만들 수 있는 것들
- 실제로 만들어보기
읽는 시간: 5분 | 난이도: 초급
참고 자료
- Claude Help Center - What are artifacts and how do I use them?
- Claude Help Center - Discovering, publishing, customizing, and sharing artifacts
- Claude Help Center - Use artifacts to visualize and create AI apps
이런 경험 있으세요?
간단한 계산기 앱이 필요한데 만들 줄 몰라요.
프레젠테이션에 쓸 차트가 필요해요.
아이 생일에 쓸 초대장을 예쁘게 만들고 싶어요.
해결책은 간단합니다. Claude에게 “아티팩트로 생성해줘”라고 하면 됩니다.
아티팩트란?
아티팩트는 Claude가 만들어서 바로 보여주는 결과물입니다.

| 일반 답변 | 아티팩트 |
|---|---|
| ”이렇게 만들면 됩니다…” (설명) | 실제로 동작하는 결과물 |
| 코드만 제공 | 바로 실행해서 확인 |
| 글로 설명 | 눈으로 보고 체험 |
핵심: 설명이 아니라 실제 결과물을 받습니다.
뭘 만들 수 있나요?
실용적인 도구
| 종류 | 예시 |
|---|---|
| 계산기 | 환율 계산기, 할인율 계산기, BMI 계산기 |
| 변환기 | 단위 변환기, 날짜 계산기, 시간대 변환기 |
| 타이머 | 뽀모도로 타이머, 운동 타이머, 요리 타이머 |
| 체크리스트 | 여행 준비물, 이사 체크리스트, 회의 준비 |
시각적 콘텐츠
| 종류 | 예시 |
|---|---|
| 차트 | 막대 그래프, 원형 차트, 선 그래프 |
| 다이어그램 | 순서도, 조직도, 마인드맵 |
| 카드/초대장 | 생일 카드, 초대장, 감사 카드 |
| 인포그래픽 | 비교표, 타임라인, 프로세스 설명 |
간단한 게임
| 종류 | 예시 |
|---|---|
| 퍼즐 | 숫자 맞추기, 기억력 게임, 퀴즈 |
| 고전 게임 | 틱택토, 지뢰찾기, 스네이크 |
| 교육용 | 구구단 게임, 타자 연습, 단어 퀴즈 |
바로 써먹는 프롬프트
아래 프롬프트를 복사해서 Claude에 붙여넣으세요.
TIP“아티팩트로 생성해줘”라고 명시해야 실제로 동작하는 결과물이 나옵니다. 그냥 “생성해줘”라고 하면 코드만 보여줄 수 있어요.
실용 도구 만들기
환율 계산기를 아티팩트로 생성해줘.- 원화 ↔ 달러, 엔화, 유로 변환- 실시간 환율은 내가 직접 입력하는 방식- 깔끔한 디자인뽀모도로 타이머를 아티팩트로 생성해줘.- 25분 집중, 5분 휴식- 시작/정지/리셋 버튼- 소리 알림BMI 계산기를 아티팩트로 생성해줘.- 키(cm)와 몸무게(kg) 입력- 결과와 함께 정상/과체중/비만 표시- 건강 조언 한 줄 추가차트 만들기
우리 팀 월별 매출 차트를 아티팩트로 생성해줘.
데이터:- 1월: 1200만원- 2월: 1500만원- 3월: 1350만원- 4월: 1800만원
막대 그래프로 보여주고, 색상은 파란색 계열로.설문 결과를 원형 차트로 아티팩트로 생성해줘.
데이터:- 매우 만족: 45%- 만족: 30%- 보통: 15%- 불만족: 10%
퍼센트도 함께 표시해줘.카드/초대장 만들기
아이 생일 초대장을 아티팩트로 생성해줘.
정보:- 이름: 민준이- 나이: 7살- 날짜: 3월 15일 토요일 오후 2시- 장소: 키즈카페 해피랜드- 주소: 서울시 강남구 테헤란로 123
귀엽고 밝은 느낌으로, 풍선 이모지 포함.감사 카드를 아티팩트로 생성해줘.
내용:- 받는 사람: 김선생님- 메시지: 한 해 동안 감사했습니다- 보내는 사람: 3학년 2반 학부모 일동
따뜻하고 정성스러운 느낌으로.게임 만들기
틱택토 게임을 아티팩트로 생성해줘.- 2인용 (O와 X)- 승자 표시- 다시 시작 버튼구구단 게임을 아티팩트로 생성해줘.- 랜덤으로 문제 출제- 정답/오답 표시- 점수 기록- 초등학생이 쓸 거야아티팩트 활용 팁
1. 구체적으로 요청하세요
❌ "계산기 생성해줘"✅ "환율 계산기를 아티팩트로 생성해줘. 원화와 달러만 변환하면 돼."구체적일수록 원하는 결과가 나옵니다.
2. 수정 요청도 가능해요
"색상을 초록색으로 바꿔줘""버튼을 더 크게 해줘""소리를 끄는 옵션 추가해줘"한 번에 완벽하지 않아도 됩니다. 수정 요청하면 Claude가 고쳐줍니다.
3. 다운로드해서 활용하세요
아티팩트 오른쪽 상단에 다운로드 버튼이 있습니다.
- HTML 파일로 저장 가능
- 저장한 파일을 브라우저에서 열면 똑같이 동작
- 이메일에 첨부하거나 공유 가능
4. 복잡한 것은 나눠서 요청하세요
❌ "쇼핑몰을 생성해줘" (너무 복잡)✅ "상품 목록 페이지를 아티팩트로 생성해줘" (적절)아티팩트는 간단한 도구나 페이지에 적합합니다.
실제 예제
예제 1: 여행 예산 계산기

프롬프트
해외여행 예산 계산기를 아티팩트로 생성해줘.
기능:- 항공권, 숙소, 식비, 관광, 쇼핑 항목별 입력- 환율 입력 (원화 → 현지 통화)- 총 예산 자동 계산- 하루 평균 비용도 표시
깔끔하고 보기 좋게 디자인해줘.결과: 항목별로 금액을 입력하면 총 예산과 일 평균을 계산해주는 도구가 만들어집니다.
예제 2: 팀 프로젝트 진행률 차트

프롬프트
팀 프로젝트 진행률을 보여주는 차트를 아티팩트로 생성해줘.
데이터:- 기획: 100% 완료- 디자인: 80% 완료- 개발: 45% 완료- 테스트: 10% 완료
막대 그래프로 보여주고, 진행률에 따라 색상을 다르게 해줘.(100%는 초록, 50% 이상은 파랑, 50% 미만은 주황)결과: 팀원들과 공유할 수 있는 깔끔한 진행률 차트가 만들어집니다.
예제 3: 아이용 기억력 게임

프롬프트
아이용 기억력 카드 게임을 아티팩트로 생성해줘.
규칙:- 카드를 뒤집어서 같은 그림 찾기- 4x4 (16장) 크기- 동물 이모지 사용- 성공하면 축하 메시지
6살 아이가 할 거야. 귀엽게 생성해줘.결과: 동물 이모지가 있는 기억력 게임이 만들어집니다. 바로 플레이 가능합니다.
아티팩트의 한계
솔직히 말씀드리면, 아티팩트가 못하는 것도 있습니다.
| 가능 | 불가능 |
|---|---|
| 간단한 웹 도구 | 복잡한 앱 (쇼핑몰, SNS) |
| 정적인 시각화 | 실시간 데이터 연동 |
| 로컬에서 동작 | 서버가 필요한 기능 |
| 단일 페이지 | 여러 페이지 사이트 |
적합한 용도: 빠르게 만들어서 바로 쓰는 간단한 도구
정리
| 기존 방법 | 아티팩트 사용 |
|---|---|
| 개발자에게 부탁 | 직접 요청해서 바로 받기 |
| 코드 공부 필요 | ”생성해줘” 한 마디 |
| 시간과 비용 소요 | 몇 분 안에 완성 |
| 수정 요청 번거로움 | ”이거 바꿔줘”로 즉시 수정 |
핵심은 단 하나: 아이디어가 있으면 Claude에게 “생성해줘”라고 말하세요. 설명이 아니라 실제 결과물을 받을 수 있습니다.
다음 글에서는 파일을 보여주고 분석받는 법을 알아봅니다.
공유
이 글이 도움이 되었다면 다른 사람과 공유해주세요!
Claude AI 활용법 2편: 아티팩트로 뭐든 만들기
https://moodturnpost.net/posts/ai/claude-artifacts/ 작성자
Moodturn
게시일
2026-01-09