Claude AI 활용법 2편: 아티팩트로 뭐든 만들기

요약#

핵심 요지#

  • 문제 정의: 아이디어는 있는데 만들 줄 모를 때
  • 핵심 주장: “아티팩트로 생성해줘”라고 하면 Claude가 바로 만들어서 보여줍니다
  • 주요 근거: Claude 아티팩트 기능 (실시간 미리보기, 다운로드, 수정)

문서가 설명하는 범위#

  • 아티팩트란 무엇인가
  • 만들 수 있는 것들
  • 실제로 만들어보기

읽는 시간: 5분 | 난이도: 초급


참고 자료#


이런 경험 있으세요?#

간단한 계산기 앱이 필요한데 만들 줄 몰라요.

프레젠테이션에 쓸 차트가 필요해요.

아이 생일에 쓸 초대장을 예쁘게 만들고 싶어요.

해결책은 간단합니다. 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
Moodturn

목차