세션 출력을 아티팩트로 공유하기

​

아티팩트를 사용해야 할 때

• 주석이 달린 diff를 포함하여 검토자에게 풀 요청 설명하기
• 세션이 이미 가져온 데이터로부터 대시보드 렌더링하기
• 여러 설계 또는 구현 옵션을 나란히 배치하기
• 긴 작업이 실행되는 동안 조사 타임라인 유지하기
• Slack에 출력을 붙여넣는 대신 팀원에게 링크 보내기
• MCP 커넥터를 통해 새로운 데이터를 가져오는 상태 보드 게시하기

​

아티팩트가 아닌 것

​

아티팩트 생성

Make an artifact that walks through this PR with the diff annotated inline.

Build a dashboard artifact of last week's deploy failures by service and keep it updated as you investigate.

• 자동 모드: 분류기가 프롬프트 대신 게시를 검토하므로 Claude는 프롬프트를 보지 않고도 페이지를 게시할 수 있습니다. 세션이 시작되는 모드는 플랜에 따라 다릅니다. 시작 권한 모드를 참조하십시오.
• 수동 및 편집 수락 모드: Claude Code가 권한을 요청합니다. Claude wants to publish deploy-failures.html, uploading it to claude.ai (Anthropic's servers) to host as the page "Deploy failures by service", private to you until you share it와 같은 메시지가 표시될 수 있습니다. 예를 선택하여 게시합니다.

• Claude가 커넥터 호출 또는 파일 다운로드와 같은 페이지에 대한 런타임 기능을 선언하는 경우
• 이후 공개적으로 공유한 경우
• 이후 특정 사람 또는 조직과 공유했으며 최신 버전이 뷰어가 보는 버전으로 선택된 경우

​

아티팩트 업데이트

요약 차트 아래에 지역별 분석을 추가하고 다시 게시합니다.

https://claude.ai/code/artifact/5fbea6f3-...을 오늘의 숫자로 업데이트합니다.

​

아티팩트 다시 찾기

​

아티팩트 공유하기

• 조직 내: Team 및 Enterprise 플랜에서는 조직의 특정 사람 또는 모든 사람에게 액세스 권한을 부여할 수 있습니다. 뷰어는 페이지를 보기 위해 조직의 구성원으로 claude.ai에 로그인합니다.
• 공개: 인터넷의 누구나 열 수 있는 링크를 공유하며, claude.ai 로그인이 필요하지 않습니다. Pro 및 Max 플랜에서는 공개 링크가 아티팩트를 공유하는 유일한 방법입니다. Team 및 Enterprise 플랜에서는 Owner가 조직에 대해 공개 공유를 활성화할 때까지 공개 공유가 비활성화됩니다.

​

다른 사람이 함께 편집하도록 허용하기

​

공유받은 아티팩트 읽기

​

아티팩트에 대한 댓글 수집

• Claude에게 읽도록 요청하는 경우: Claude에게 아티팩트의 URL을 제공하고 댓글을 요청합니다. Claude는 각 스레드를 나열하고 아티팩트를 편집할 수 있는 사람이 보낸 댓글을 표시합니다.
• 아티팩트를 편집할 수 있는 사람이 Claude에게 댓글을 보내는 경우: 페이지의 스레드에서 Send to Claude로 댓글을 보내거나 @claude를 언급합니다. 어느 쪽이든 스레드가 활성화됩니다.

Read the comments on https://claude.ai/code/artifact/5fbea6f3-... and make the changes the commenters ask for.

• Claude Code v2.1.221 이상을 실행 중입니다.
• Claude Code를 설치하거나 v2.1.221 이전 버전에서 업그레이드한 후 첫 번째 세션이 아닙니다. 설치 또는 업그레이드 후 첫 번째 세션에서는 Claude가 아직 댓글을 읽지 못할 수 있습니다. 새 세션을 시작하고 다시 요청하십시오.
• 기능 플래그 가져오기를 끄지 않았습니다.

​

Claude가 댓글에 자동으로 답변하도록 허용

• Claude가 자동으로 답변합니다: 권한 모드가 Claude가 당신에게 묻지 않고 답변을 게시하도록 허용할 때, Claude는 스레드를 읽고 답변하며, 댓글이 변경을 요청할 때 아티팩트를 편집합니다. Auto-replied to comment thread on Artifact: <name> 또는 Auto-edited Artifact: <name> in response to a comment thread가 표시됩니다.
• Claude가 당신을 기다립니다: 계획 모드 외부에서 답변 게시에 승인이 필요할 때, Comments are waiting on Artifact: <name>이 표시됩니다. Claude는 스레드를 읽을 승인을 요청하고, 다시 답변을 게시할 승인을 요청합니다.
• Claude가 계획 모드에서 일시 중지됩니다: Comments are waiting on Artifact: <name>이 표시되고, 계획 모드를 종료하고 스레드를 읽고 답변하도록 요청할 때까지 Claude는 답변하지 않습니다.

• 유휴 프롬프트에서 Ctrl+C를 한 번 누릅니다: Claude는 세션이 감시 중인 모든 아티팩트에 답변하는 것을 일시 중지합니다. 다음 메시지를 보낸 후 답변이 다시 시작됩니다.
• /tasks에서 작업을 중지합니다: Claude는 당신이 해당 아티팩트에서 답변을 재개하도록 요청할 때까지 해당 아티팩트에 답변하는 것을 중지합니다. 아티팩트를 다시 게시해도 답변이 다시 시작되지 않으며, 세션을 재개할 때도 중지가 계속 적용됩니다.
• 3초 내에 Ctrl+X Ctrl+K를 두 번 누릅니다: 모든 실행 중인 백그라운드 서브에이전트를 중지하는 코드는 또한 Claude가 세션의 나머지 기간 동안 모든 아티팩트에 답변하는 것을 중지합니다. Claude에게 답변을 재개하도록 요청해도 이 중지는 취소되지 않습니다.

​

MCP 커넥터로 실시간 데이터 가져오기

Build a dashboard artifact of our open pull requests that pulls the live list through my GitHub connector when the page loads.

​

보는 사람을 위한 커넥터 호출 작동 방식

• 각 보는 사람이 자신의 커넥터를 사용합니다: 호출은 보는 계정의 연결된 도구를 통해 이루어지므로, 같은 대시보드를 여는 두 사람은 자신의 계정이 액세스할 수 있는 것에 따라 다른 데이터를 볼 수 있습니다. 페이지는 누구의 자격 증명도 보지 않습니다; claude.ai가 페이지를 대신하여 호출을 수행합니다.
• 보는 사람이 먼저 액세스를 승인합니다: claude.ai는 페이지의 첫 번째 커넥터 호출 전에 각 보는 사람에게 권한을 요청합니다. 거부하거나 페이지가 사용하는 커넥터를 연결하지 않은 보는 사람도 실시간 섹션 없이 페이지를 볼 수 있습니다.
• 작업도 보는 사람의 계정을 사용합니다: 페이지는 메시지 게시 또는 문제 업데이트와 같은 부작용이 있는 커넥터 도구를 호출하는 컨트롤을 제공할 수 있습니다. 작업은 컨트롤을 선택하는 사람의 계정을 통해 이루어집니다.

​

페이지가 보는 사람을 위한 실시간 데이터를 표시하지 않음

• 보는 사람이 커넥터를 연결하지 않았습니다: 커넥터는 계정별이므로, 각 보는 사람은 페이지가 호출하는 모든 커넥터에 대한 자신의 연결이 필요합니다. claude.ai의 설정 > 커넥터에서 추가한 후 페이지를 다시 로드할 수 있습니다.
• 보는 사람이 권한 요청을 거부했습니다: 거부는 해당 페이지 로드의 나머지 동안 지속됩니다. 페이지를 다시 로드하면 권한 요청이 다시 나타납니다.
• 조직에 대해 커넥터 호출이 꺼져 있습니다: 소유자가 관리 설정에서 아티팩트 커넥터 활성화 토글을 제어합니다.
• 페이지가 커넥터가 노출하지 않는 도구 이름을 호출합니다: 영향을 받는 섹션은 당신을 포함한 모든 사람에게 비어 있습니다. 이는 페이지가 자신의 도구만 몇 개 노출하는 게이트웨이 스타일 커넥터 뒤의 개별 도구의 이름을 지정할 때 발생할 수 있습니다. Claude에게 페이지가 호출하는 도구 이름을 수정하고 다시 게시하도록 요청하세요. Claude가 페이지를 게시할 때 해당 커넥터의 도구를 세션에서 사용할 수 있으면, Claude Code는 페이지가 선언하는 도구 이름을 이들과 비교하고, 일치하지 않는 이름에 대해 Claude에게 경고하며, 일치하는 이름이 없으면 게시를 거부합니다. v2.1.265 이전에는 이들을 확인하지 않고 페이지를 게시했습니다.

​

파일 다운로드 제공

Add a button that downloads this table as a CSV file.

​

빌드할 수 있는 것

​

변경 사항 설명

이 PR을 설명하는 아티팩트를 만드십시오. 여백 주석이 있는 diff를 렌더링하고 심각도별로 결과를 색상 코딩하십시오.

​

대안 비교

설정 패널에 대해 뚜렷하게 다른 4가지 레이아웃이 있는 아티팩트를 만드십시오. 밀도와 그룹화를 변경하고 각각 아래에 한 줄의 트레이드오프가 있는 그리드로 배치하십시오.

​

인터랙티브 컨트롤로 조정

이 전환에 대한 이징 곡선, 지속 시간 및 지연에 대한 슬라이더가 있는 아티팩트를 구축하십시오. 이동하면서 애니메이션을 라이브로 표시하십시오.

​

결과를 세션으로 다시 가져오기

각 미해결 문제를 Now, Next, Later, Cut 열 전체에서 드래그 가능한 카드로 하는 트리아지 보드 아티팩트를 만드십시오. "프롬프트로 복사" 버튼을 추가하여 여기에 붙여넣을 최종 순서를 제공하십시오.

​

진행 중인 작업 추적

이 마이그레이션 계획을 체크리스트 아티팩트로 변환하십시오. 완료하면서 항목을 확인하고 건너뛴 항목에 대한 메모를 추가하십시오.

​

시각적 디자인 개선

## Design system

- Colors: primary #1a4d8f, accent #f59e0b, surface #f8fafc
- Typography: Inter for body, JetBrains Mono for code
- Spacing: 8px scale, 6px border radius

​

디자인 캔버스 초안 작성

/design a settings screen for a mobile banking app

​

페이지 제약 사항

• 임베드된 래스터 이미지보다 다이어그램에 SVG 또는 HTML 및 CSS를 선호합니다
• 필요하지 않은 상호작용을 생략합니다
• 페이지가 전체 인라인 대신 큰 데이터 세트를 요약하도록 합니다

​

가용성

​

아티팩트 비활성화

​

조직의 아티팩트 관리

​

아티팩트 활성화 또는 비활성화

​

아티팩트에서 커넥터 호출 제어

​

공개 공유 제어

​

보존 정책 설정

​

감사 로그 검토

​

뷰어 도메인 허용 목록

​

Compliance API를 사용하여 아티팩트 나열 및 삭제

​

관련 리소스

• 아티팩트와 쌍을 이루는 프롬프팅 패턴 및 워크플로우 찾아보기
• 재사용하는 아티팩트 프롬프트를 기술로 변환하여 명령으로 호출할 수 있도록 하기
• MCP 서버 연결하여 Claude가 페이지를 구축하는 동안 아티팩트로 데이터를 가져올 수 있도록 하기