메인 콘텐츠로 건너뛰기

아티팩트를 사용하여 코드를 한 줄도 작성하지 않고 AI 앱을 시각화하고 만들기

오늘 업데이트함

창의력이 흐르고 있을 때 마지막으로 하고 싶은 일은 당신의 비전을 현실로 만드는 기술적 세부 사항과 씨름하기 위해 프로세스를 중단하는 것입니다. 아티팩트를 사용하면 창의적인 영감이 떠올랐을 때 속도를 늦추거나 기술 팀의 지원을 기다릴 필요가 없습니다. Claude에게 원하는 것을 말하기만 하면 눈앞에서 그것이 나타나는 것을 볼 수 있습니다. 아티팩트는 당신을 몰입 상태로 유지하고 몇 분 안에 작동하는 앱 프로토타입을 제공하는 데 도움이 됩니다.

이 가이드를 읽은 후에는 아이디어를 설명하기 위해 아티팩트를 언제 사용할지, 그리고 Claude 앱에서 바로 아티팩트를 만들고, 사용자 정의하고, 공유하는 방법을 알게 될 것입니다.

아티팩트란 무엇이며 언제 사용하나요?

아티팩트는 Claude와의 대화에서 나타나는 대화형 앱입니다. Claude 앱 채팅에서 코드, 문서, 앱과 같은 자료를 생성할 수 있습니다.

이는 심각한 비즈니스 도구부터 자녀를 위한 재미있는 게임까지 모든 종류의 디지털 제품을 빠르게 만들고 싶을 때 유용합니다. 다음 예시를 고려해보세요:

  • 제품 프로토타입 —새로운 랜딩 페이지나 앱을 목업하기 위해 디자이너나 엔지니어일 필요가 없습니다. Claude에게 필요한 것을 요청하기만 하면 됩니다. 사용자 입력을 기반으로 다채로운 시각화를 만드는 이 무드 캔버스처럼요.

  • 맞춤형 AI 어시스턴트 — 같은 질문에 계속 답하는 것에 지쳤나요? Claude는 일반적인 질문을 처리할 수 있는 컨텍스트를 가진 챗봇을 만들 수 있어서 다른 작업에 집중할 수 있습니다. 모든 공급업체 세부 정보를 알고 있는 웨딩 플래너 봇, 자녀가 먹을 식사만 제안하는 레시피 도우미, 또는 원본 생각을 세련된 커뮤니케이션으로 바꾸는 이 이메일 작성 어시스턴트처럼요.

  • 학습 게임 — 자녀가 구구단을 배우도록 돕고 싶은 부모는 아이들이 수학 문제를 풀어서 몬스터와 싸우는 대화형 게임을 설명할 수 있습니다. 몇 번의 차례 후에 작동하는 프로토타입을 갖게 될 것입니다. 또는 직접 배우려면 선택한 언어로 채팅하고 배울 수 있는 이 언어 튜터를 시도해보세요.

  • 소규모 비즈니스 솔루션 — 재고 추적이 필요한 소규모 비즈니스 소유자는 Claude에게 자신의 워크플로우를 설명하고 자신의 필요에 완벽하게 맞는 사용자 정의 도구를 만들 수 있습니다. 사용자 입력을 받아 간트 차트, 진행률 표시줄 및 마일스톤 추적을 제공하는 이 프로젝트 대시보드 생성기처럼요.

옵션은 정말 무한합니다. 더 많은 영감을 얻으려면 Claude 앱의 "아티팩트" 탭을 방문하거나 Claude에게 무엇을 만들어야 할지 물어보세요. (아티팩트 탭은 무료, Pro 및 Max 플랜에서만 사용 가능하며 현재 모바일에는 없습니다).

첫 번째 아티팩트 만들기

아티팩트를 만드는 가장 좋은 방법은 해결하고 싶은 문제를 설명한 다음 Claude가 이를 개선하도록 하는 것입니다. 다음은 단계별 접근 방식입니다:

  1. 사이드바에서 "아티팩트"로 이동하세요: 모든 채팅에서 아티팩트를 만들 수 있지만 여기서 시작하면 Claude에 의도를 알릴 수 있어서 최고의 앱 버전을 만드는 데 도움이 됩니다.

  2. 문제 탐색으로 시작하세요: Claude와 아이디어(및 문제)를 공유하세요 — "물의 순환을 우리 반에 더 잘 가르칠 수 있는 방법이 있으면 좋겠어요. 학생들이 너무 지루해 보여요"처럼요.

  3. Claude가 당신을 인터뷰하도록 하세요: Claude는 당신의 비전을 명확히 하기 위해 후속 질문을 할 것입니다. 예를 들어, 어느 연령대를 가르치려고 하나요?

  4. Claude에게 만들도록 요청하세요: 논의를 통해 아이디어를 명확히 한 후 "이것을 만들어 줄 수 있나요?" 또는 "이제 만들어봅시다"와 같은 문구로 아티팩트를 직접 요청하세요. Claude는 당신의 대화를 기반으로 아티팩트를 생성할 것입니다.

그게 다입니다! 단 몇 번의 차례로 당신의 필요에 맞게 추가로 사용자 정의할 수 있는 작동하는 앱을 갖게 될 것입니다.

아티팩트 개선을 위한 팁

초기 생성은 시작점일 뿐입니다. 여기서부터 변경 사항, 피드백 등을 요청하여 아티팩트를 공유 가능한 상태로 만들 수 있습니다. 아티팩트를 최대한 활용하기 위한 3가지 팁은 다음과 같습니다:

  • 후속 프롬프트로 반복하세요: Claude에게 아티팩트를 수정하도록 요청하세요 ("버튼을 더 크게 만들어", "타이머 추가", "색 구성표 변경"). 각 요청은 이전 버전을 기반으로 하며 Claude는 당신이 만든 것과 그 이유에 대한 컨텍스트를 유지합니다.

  • 대화를 통해 디버그하세요: 뭔가 깨졌을 때 "Claude로 수정" 버튼을 클릭하거나 평문으로 문제를 설명하세요 ("계산기가 소수로 작동하지 않음", "게임이 레벨 3에서 충돌함"). 기술적 오류 메시지를 이해할 필요가 없습니다. 더 깊은 이해를 위해 확장 사고를 켜거나 더 지능형 모델을 사용하세요.

  • 포킹으로 실험하세요: 이전 메시지로 돌아가서 "편집"을 클릭하여 새로운 대화 분기를 만들고 다른 접근 방식을 시도하세요. 항상 원본 버전으로 돌아갈 수 있어서 스타일, 기능 또는 완전히 다른 방향으로 대담한 실험을 권장합니다.

당신의 창작물 공유하기

아티팩트가 원하는 대로 작동하면 단 몇 번의 클릭으로 친구 및 협력자와 공유할 수 있습니다.

게시 버튼을 클릭하여 링크를 생성함으로써 완성된 아티팩트를 다른 사람과 공유하세요. 링크가 있는 모든 사람은 게시를 취소할 때까지 당신의 창작물에 접근할 수 있습니다.

뷰어는 아티팩트와 상호 작용할 때 두 가지 옵션이 있습니다:

  • 보기 전용 — 로그아웃한 사용자는 로그인하지 않고도 아티팩트를 사용하고 상호 작용할 수 있습니다(AI 기반 아티팩트는 제외하며, 로그인이 필요함). 하지만 변경할 수는 없습니다.

  • 리믹스 및 사용자 정의 — Claude 사용자는 수정하고 반복할 자신의 복사본을 만들 수 있지만 걱정하지 마세요! 당신의 복사본은 변경되지 않습니다.

시작하기 위한 추가 리소스

  • 더 많은 영감을 위해 모든 아티팩트를 찾아보세요. 팁: "사용자 정의"를 클릭하여 아티팩트를 복사하고 직접 변경하세요.

  • 우리의 아티팩트 소개 비디오에서 아티팩트에 대해 자세히 알아보세요.

  • 다른 질문이 있으면 Claude 지원 문서를 방문하세요.

답변이 도움되었나요?