코딩을 전혀 몰라도 나만의 계산기나 퀴즈 게임을 만들 수 있다면 어떨까요? 복잡한 프로그램을 설치하거나 개발자를 찾을 필요 없이 원하는 기능을 말로 설명하는 것만으로 간단한 도구를 만들 수 있습니다.

바로 앤스로픽(Anthropic)의 AI 서비스 Claude에 포함된 Artifacts(아티팩트) 기능입니다.

일반적인 AI 챗봇은 질문에 답하거나 코드를 작성해 주는 방식이지만, 아티팩트는 여기서 한 단계 더 나아갑니다. 계산기, 체크리스트, 퀴즈, 간단한 웹사이트처럼 실제로 화면에서 작동하는 결과물을 만들어 줍니다.

기존 퍼플렉시티 검색 서비스가 질문에 대한 답과 출처를 찾아주는 데 초점을 맞췄다면, Claude 아티팩트는 직접 사용할 수 있는 결과물을 만드는 기능이라는 차이가 있습니다.

1. Claude Artifacts는 어떤 기능일까?

아티팩트는 Claude가 만든 결과물을 별도의 작업 공간에 보여주는 기능입니다. 단순한 답변이나 설명이 아니라 직접 수정하고 다시 사용할 수 있는 독립적인 결과물을 만드는 데 목적이 있습니다.

예를 들어 AI에게 계산기를 만들어 달라고 요청하면 계산 화면과 숫자 버튼이 있는 도구를 만들 수 있습니다. 퀴즈 화면도 만들 수 있죠.

이 과정에서 Claude가 내부적으로 코드를 작성하지만 사용자가 직접 코드를 입력할 필요는 없습니다. 원하는 기능과 디자인을 자연어로 설명하면 됩니다.

2. 어떤 프로그램을 만들 수 있을까?

활용할 수 있는 범위가 생각보다 넓습니다. 특히 일상에서 반복적으로 사용하는 간단한 도구를 만드는 데 편리합니다.

계산기: 일반 계산기, 할인율 계산기, 부가세 계산기 등

퀴즈 게임: 객관식 문제, 정답 확인, 점수 계산 기능

체크리스트: 할 일 목록, 완료 표시, 진행률 확인

대시보드: 매출 현황, 통계, 차트와 데이터 시각화

웹사이트: 간단한 소개 페이지, 랜딩 페이지, 서비스 화면 시안

학습 도구: 단어 암기, 시험 연습, 학습 진도 관리

물론 복잡한 로그인 시스템이나 결제, 외부 데이터베이스까지 필요한 서비스는 별도의 개발 작업이 필요할 수 있습니다. 아티팩트는 특히 작은 앱과 도구, 화면 시제품을 빠르게 만드는 데 적합합니다.

3. Claude Artifacts 시작하기

먼저 Claude 공식 홈페이지에 접속해 계정으로 로그인합니다.

① 기능 확인: 설정에서 Artifacts 관련 기능을 확인합니다.

② 새 대화 시작: Claude의 일반 채팅 화면에서 만들고 싶은 도구를 설명합니다.

③ 결과물 생성: Claude가 요청을 처리하고 아티팩트를 만들면 대화 옆에 별도의 작업 화면이 열립니다.

④ 기능 테스트: 만들어진 화면에서 버튼을 눌러 보고 계산이나 입력 기능이 제대로 작동하는지 확인합니다.

⑤ 수정 요청: 마음에 들지 않는 부분이 있다면 Claude에게 원하는 변경 사항을 말하면 됩니다.

기존 아티팩트는 관련 작업 공간에서 다시 열어 수정할 수도 있습니다.

4. 직접 계산기 만들어 보기

처음부터 복잡한 프로그램을 만들 필요는 없습니다. 간단한 계산기부터 시작하면 기능을 이해하기 쉽습니다.

계산기 제작 프롬프트

한국어로 된 깔끔한 웹 계산기를 만들어 주세요. 숫자 버튼과 더하기, 빼기, 곱하기, 나누기 기능을 넣어 주세요. 소수점과 초기화 버튼도 추가하고, 계산 결과가 화면에 크게 표시되도록 해 주세요. 스마트폰에서도 사용하기 편한 반응형 디자인으로 만들어 주세요. 실제로 모든 버튼이 작동하는 인터랙티브 아티팩트로 만들어 주세요.

이렇게 요청하면 Claude가 계산기 화면과 작동 기능을 구성합니다. 결과가 나온 뒤 버튼 크기나 색상을 바꾸고 싶다면 추가로 요청하면 됩니다.

예를 들어 '버튼을 조금 더 크게 만들어 주세요', '계산 결과를 파란색으로 표시해 주세요'처럼 구체적으로 말하면 됩니다.

5. 퀴즈 게임도 만들 수 있을까?

계산기를 만들어 봤다면 이번에는 간단한 퀴즈 게임을 만들어 보세요. 문제와 정답을 직접 입력하지 않아도 원하는 주제와 난이도를 설명하면 됩니다.

퀴즈 게임 제작 프롬프트

일반 상식 퀴즈 게임을 만들어 주세요. 객관식 10문제로 구성하고, 답을 선택하면 정답 여부를 표시해 주세요. 모든 문제를 풀면 총점과 정답 개수를 보여주고 다시 시작할 수 있는 버튼도 넣어 주세요. 보기 좋은 카드형 디자인으로 만들고 모바일에서도 정상적으로 작동하게 해 주세요.

결과가 마음에 들지 않는다면 문제를 더 어렵게 바꾸거나 특정 분야의 문제만 출제하도록 수정할 수 있습니다. 영화 퀴즈, 역사 퀴즈, 영어 단어 퀴즈 등으로도 바꿀 수 있죠.

6. 체크리스트와 관리 도구 만들기

업무나 일상에서 사용할 체크리스트도 만들 수 있습니다. 예를 들어 하루 할 일 목록을 만들고 완료한 항목에 체크하면 진행률이 자동으로 표시되는 방식입니다.

체크리스트 제작 프롬프트

일일 업무 체크리스트를 만들어 주세요. 사용자가 할 일을 직접 추가하고 완료 여부를 체크할 수 있게 해 주세요. 전체 항목 중 완료한 항목의 개수와 진행률을 표시하고, 완료된 항목은 구분되도록 디자인해 주세요. 전체 초기화 기능도 추가해 주세요.

이런 식으로 간단한 업무 관리 도구를 만들 수 있습니다. 다만 브라우저를 닫은 뒤에도 데이터가 계속 저장되어야 한다면 별도의 저장 기능과 요금제 조건을 확인해야 합니다.

7. 만들어진 아티팩트 수정하고 공유하기

아티팩트의 장점은 첫 번째 결과물이 마음에 들지 않아도 다시 만들 필요가 없다는 것입니다. Claude에게 수정할 내용을 설명하거나 템플릿 기반 결과물이라면 화면에서 직접 편집할 수도 있습니다.

디자인 변경: 버튼 색상, 글자 크기, 배경색 등을 수정할 수 있습니다.

기능 추가: 검색, 점수 계산, 진행률 표시 등 필요한 기능을 추가할 수 있습니다.

내용 변경: 퀴즈 문제, 체크리스트 항목, 계산 방식 등을 바꿀 수 있습니다.

완성한 결과물은 공유 기능을 이용할 수 있습니다. 다만 공유 범위와 공개 설정은 계정 및 기능에 따라 다를 수 있으므로 공유 전에 반드시 확인하세요.

8. 무료로 사용할 수 있을까?

Claude Artifacts의 기본 생성 기능은 무료 요금제에서도 이용할 수 있습니다. 다만 무료 계정은 사용량 제한이 있으며, 연결된 외부 앱을 활용하거나 데이터를 저장하는 일부 고급 기능은 별도 조건이 적용될 수 있습니다.

따라서 처음에는 무료 계정으로 계산기나 퀴즈처럼 간단한 도구를 만들어 보고, 더 많은 기능이 필요할 때 유료 요금제를 고려하는 방법을 추천합니다.

9. 사용할 때 알아둘 점

아티팩트가 만들어졌다고 해서 모든 기능이 완벽하게 작동하는 것은 아닙니다. 계산 오류가 있을 수도 있고, 버튼이나 화면이 의도한 대로 작동하지 않을 수도 있습니다.

특히 실제 업무나 금전 계산에 사용하는 도구라면 결과를 충분히 테스트해야 합니다. 중요한 데이터는 별도로 백업하고, 로그인이나 결제 같은 민감한 기능을 무작정 맡기지 않는 것이 좋습니다.

또한 외부 데이터베이스와 복잡한 서버 기능이 필요한 서비스는 아티팩트만으로 완성하기 어려울 수 있습니다. 간단한 도구 제작과 실제 상용 서비스를 개발하는 것은 구분해서 생각해야 합니다.

10. 이런 분들에게 추천합니다

코딩을 배우지 않고 간단한 웹 도구를 만들어 보고 싶은 분.

블로그나 개인 홈페이지에 활용할 계산기와 퀴즈가 필요한 분.

업무용 체크리스트나 간단한 관리 화면을 만들고 싶은 분.

AI가 실제로 어떤 프로그램까지 만들어 줄 수 있는지 경험해 보고 싶은 분.

Claude Artifacts는 복잡한 개발 지식 없이도 아이디어를 눈에 보이는 결과물로 만들어 볼 수 있다는 점이 매력적입니다. 평소 머릿속으로만 생각했던 작은 도구가 있다면 이번 기회에 직접 만들어 보는 것도 좋겠습니다.

Claude 공식 홈페이지

https://claude.ai/