메인 콘텐츠로 건너뛰기

아티팩트를 사용하여 코드를 한 줄도 작성하지 않고 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는 당신이 만든 것과 그 이유에 대한 컨텍스트를 유지합니다.

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

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

당신의 창작물 공유하기

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

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

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

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

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

시작하기 위한 더 많은 리소스

  • 더 많은 영감을 위해 모든 아티팩트를 찾아보세요. 프로 팁: "커스터마이즈"를 클릭하여 아티팩트를 복사하고 직접 변경하세요.

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

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

답변이 도움되었나요?