클로드 라이브 아티팩트: 15분 만에 만드는 5가지 대시보드

앤트로픽이 4월 21~28일 라이브 아티팩트 출시했어요. 실제 사용자가 15분 만에 만든 5가지 템플릿 — 정확한 프롬프트랑, 도움말이 안 알려주는 것까지요.

앤트로픽이 클로드 코워크에 라이브 아티팩트를 4월 21일(링크드인 발표)부터 4월 28일(공식 도움말 페이지 공개)까지 야금야금 출시했어요. 8일 만에 “조용한 롤아웃"에서 “공식 문서화” 단계까지 갔는데, 그 사이에 X에서는 이미 사람들이 파이썬 스크립트, 태블로 워크스페이스, 노션 AI 워크플로우를 대체하는 대시보드를 만들었어요. 대부분 한 시간도 안 걸렸고요.

라이브 아티팩트는 클로드 사용자들이 가장 자주 하던 불만에 대한 답이에요 — “멋진 대시보드 만들었는데 채팅 닫으니까 사라졌어요.” 라이브 아티팩트는 지속적이고 인터랙티브한 HTML 페이지예요. 대시보드, 트래커, 비교 도구, 상태 보드 같은 거. 열 때마다 연결된 앱에서 최신 데이터를 가져와요. 클로드 코워크 데스크톱 안의 “Live artifacts” 탭에 저장되고, 버전 히스토리도 있고, 백엔드도 호스팅도 따로 안 필요해요. (아티팩트 자체는 무료지만, 코워크 자체는 유료 클로드 플랜이 필요하긴 해요.)

앤트로픽 도움말은 정확하지만 불완전해요. 기능이 있다는 건 알려주는데, 처음에 만들어야 할지, 어떤 한계에 부딪힐지, 어떤 프롬프트 패턴이 작동하는 대시보드까지 가장 빨리 데려가는지는 안 알려줘요. 5가지 템플릿이 아래 있어요. 각각 커넥터 세팅 끝나면 약 15분 걸리고, 모두 X에서 실제 사람들이 이미 돌리고 있는 빌드에 기반해요. 프롬프트 포함해서요.

시작 전 세팅 (5분, 한 번만)

필요한 것:

  • 유료 클로드 플랜: Pro, Max, Team, 또는 Enterprise. 무료 티어는 코워크 안 됩니다.
  • 클로드 데스크톱 (macOS 또는 Windows). 라이브 아티팩트는 데스크톱 기능이에요.
  • 활성화된 커넥터 1개 이상. 기본 통합 커넥터엔 Asana, Linear, Slack, 캘린더 앱, Google Drive, Gmail, Notion, Salesforce, HubSpot, Stripe, Jira가 있어요. 전체 리스트는 클로드 커넥터 디렉토리에서 확인 가능해요.

라이브 아티팩트를 만드는 두 가지 방법:

  • 코워크 채팅에서: 그냥 부탁하면 돼요. 예: “Asana랑 Linear에서 프로젝트별 미해결 작업을 보여주는 대시보드 만들어 줘.” 아티팩트는 자동 저장돼요.
  • Live artifacts 탭에서: 코워크 → 사이드바의 “Live artifacts” → 우상단 “New artifact” → “Chat with Claude.”

아래 더 고급 템플릿 (특히 트레이딩 포지션 트래커)을 위해선 커스텀 MCP 서버가 필요해요. 앤트로픽의 원격 MCP 커넥터 공식 가이드에서 Settings → Connectors → Add custom connector 흐름을 따라가면 돼요. Team이나 Enterprise 사용자라면, 조직 관리자가 먼저 Organization-settings 레벨에서 커스텀 커넥터를 추가해 줘야 해요.

자, 이제 5가지 실제 템플릿이에요.

템플릿 1: 휠 전략 옵션 트래커 (제이슨 루옹고 빌드, 좋아요 720+)

왜 이게 킬러 유스케이스인가: 라이브 데이터 + 지속적 UI + 백엔드 제로. 만든 트레이더 (@JasonL_Capital, 4월 21~22일)는 커스텀 파이썬 스크립트 + DB + 프론트엔드를 클로드 아티팩트 하나랑 노션 테이블로 대체했어요.

뭘 하느냐: “휠 전략” 옵션 포지션을 추적해요 (현금 보유 풋 매도 → 주식 할당 → 커버드 콜 매도). 열 때마다 라이브 옵션 그릭(델타, 세타, 프리미엄)을 가져와요. 총 포트폴리오 델타, 일일 세타, 월간 프리미엄, 자본 환산 연간 수익률을 보여줘요. Roll, Close 버튼이 인라인.

필요한 커넥터: Notion (포지션 저장) + 증권 MCP. Public.com이 클로드 데스크톱용 MCP 서버를 공식 발행했어요 (현재 미국만, 한국 사용자라면 키움증권/한국투자증권 자체 API에 커스텀 MCP를 만들어야 해요. 키움 OpenAPI나 한투 KIS Developers를 활용하면 가능하지만 기술적 셋업이 좀 있어요).

제이슨의 정확한 4-프롬프트 시퀀스 (살짝 정리):

프롬프트 1: "내 휠 트래커 페이지 아래에 노션 데이터베이스를 만들어
줘. 휠 전략 거래를 기록하기 위한 거. 컬럼: 종목, 포지션 유형
(CSP / 주식 / CC), 행사가, 만기일, 받은 프리미엄, 현재가, 델타,
세타, 상태 (오픈 / 롤 / 클로즈)."

프롬프트 2: "wheel-tracker 라는 라이브 페이지를 만들어. 이 노션
DB에서 내 오픈 포지션을 읽고, MCP 커넥터로 Public에서 라이브 옵션
그릭을 가져와. 열 때마다 새로고침."

프롬프트 3: "만기일까지의 일수로 그룹화한 뷰를 추가해. 각 포지션
옆에 Roll, Close 버튼 두 개. 상단에 총 포트폴리오 델타, 일일 세타
누적, 월간 프리미엄 합계 표시."

프롬프트 4: "어떤 휠 단계에 각 포지션이 있는지 차트, 월간 프리미엄
이력, 자본 환산 연간 수익률 차트 추가해 줘. 카드 레이아웃,
표 벽 말고."

잘 되는 거: 열 때 자동 새로고침, 풀 버전 히스토리, 세션과 주를 넘어 지속됨.

알아야 할 거: 세션 도중 새로고침은 수동(새로고침 버튼 클릭) — 아티팩트를 하루 종일 열어두면 그릭이 stale 돼요. Public.com MCP는 미국 한정. 이 템플릿은 자기 증권사가 MCP 서버를 갖고 있거나, 일반 주가 API를 커스텀 MCP로 쓸 의향이 있을 때만 쓰세요.

템플릿 2: 노션 OKR 위클리 대시보드 (@TestingCatalog, 좋아요 472)

이 템플릿이 괜찮은 이유: OKR은 IT/스타트업에서 가장 보편적으로 요청되는 대시보드고, 노션은 대부분의 한국 스타트업/IT 조직이 이미 OKR을 추적하는 곳이거든요. 결과 — 데이터 마이그레이션 제로. 대시보드는 이미 있는 걸 읽어요.

뭘 하느냐: 노션 데이터베이스에서 액티브 OKR을 가져와서, 목표 대비 현재 진척도를 계산하고, 위험에 처한 OKR(남은 시간 대비 진척도가 부족한 것)을 깃발로 표시하고, 지난 6주 추세선을 보여줘요.

필요한 커넥터: Notion만.

3-프롬프트 시퀀스:

프롬프트 1: "노션의 OKRs 데이터베이스를 읽어. 필터: 상태 = 'Active',
이번 분기. 각 OKR마다 목표, 핵심 결과, 목표 값, 현재 값, 진척
%, 분기 남은 일수를 나열해."

프롬프트 2: "weekly-okrs 라는 라이브 아티팩트를 만들어. 각 OKR
당 카드 하나. 상태로 색깔: 정상 트랙(% 시간 경과 ≤ % 진척)이면
초록, 10% 이내 뒤지면 노랑, 그 이상이면 빨강. 상단에 한 문장:
'이번 분기에 Y개 핵심 결과 중 X개 도달 트랙'."

프롬프트 3: "데이터베이스의 과거 진척 항목을 사용해 OKR마다
6주 추세선 추가. 추세가 평탄하거나 하락이면, 전체 % 와 무관하게
카드를 정체로 표시해."

잘 되는 거: 월요일 아침에 열 때마다 자동 업데이트. 상단의 한 문장이 이 아티팩트가 매일 워크플로우에 자리 잡는 이유예요 — 분기 전체를 한 줄로 읽는 거니까요.

알아야 할 거: 우리 팀이 OKR 진척을 띄엄띄엄 기록한다면 추세선이 노이즈해요. 과거 항목을 백필하거나 프롬프트 3을 스킵하세요.

템플릿 3: SEO + AI 검색 가시성 대시보드 (SE Ranking 빌드)

이 템플릿이 괜찮은 이유: 2026년 가장 빠르게 자라는 대시보드 카테고리는 전통적 분석이 아니에요 — “내 브랜드가 AI 답변에 어떻게 나오나?“예요. SE Ranking이 (4월 27일 X 게시물) Google Analytics MCP에 자체 MCP를 결합해서 ChatGPT, Gemini, Perplexity, Google AI Overview 전반에서 브랜드 멘션을 추적하는 라이브 아티팩트를 출시했어요. SE Ranking 없어도 같은 원리 작동해요. GA4 절반은 누구나 오늘 만들 수 있어요.

뭘 하느냐: 상위 오가닉 페이지, 클릭률 추세, AI Overview 노출(GA4에 있을 때), 경쟁사 대비 트래픽 변화를 가져와요. 옵션: SE Ranking, Profound, AthenaHQ MCP가 있으면 AI 답변 안의 브랜드 멘션도.

필요한 커넥터: Google Analytics MCP (앤트로픽이 발행함) + 옵션으로 AI 가시성 MCP.

프롬프트:

"Analytics MCP로 내 GA4 데이터를 읽어 줘. ai-visibility-weekly
라는 라이브 아티팩트를 만들어. 보여줄 것: (1) 지난 7일 오가닉
클릭 기준 상위 20개 랜딩 페이지, (2) 노출 주간 변화, (3) AI
Overview 노출만 따로 (검색 표시 = 'aio' 필터), (4) 상위 20
페이지의 이탈률과 페이지 체류 시간, (5) 주간 트래픽 50% 이상
하락한 랜딩 페이지는 빨강으로 깃발. 열 때 새로고침. 표 말고
카드 레이아웃."

잘 되는 거: GA4의 AI Overview 노출 데이터는 우리 콘텐츠가 구글 AI 요약에 노출되는지 한 페이지로 확인하는 가장 가까운 도구예요. 매주 자동 새로고침이면 “확인해야지” 마음먹은 게 코워크 여는 순간 보이는 일로 바뀌어요.

알아야 할 거: GA4의 검색 표시 = 'aio' 차원은 아직 롤아웃 중. 안 보이면 클로드한테 오가닉 클릭 변화로 폴백하라고 해요. AI 답변 안의 브랜드 추적은 제3자 MCP 필요 — 모든 SEO 플랫폼이 출시한 건 아니에요.

템플릿 4: 데일리 모닝 비즈니스 OS

이 템플릿이 괜찮은 이유: 이게 “오전 9시에 탭 10개 열고 시작하는” 루틴을 대체하는 그거예요. 이번 주 X에서 여러 빌드 (@DailyAIOptimist 4월 28일 외)가 같은 패턴 따라요 — 아티팩트 하나, 하루 시작에 한 번 열기, 모든 중요한 것이 눈앞에.

뭘 하느냐: 캘린더(오늘 미팅 + 다음 3일)랑 Gmail 미열람(액션 가능한 것 필터링)이랑 지난 12시간 슬랙 멘션이랑 노션 작업 “Today” 표시된 것 결합. 상단에 “어디에 집중할지” 한 문단 요약.

필요한 커넥터: Google Calendar, Gmail, Slack, Notion (어떤 부분집합이든 작동해요).

프롬프트:

"morning-os 라는 라이브 아티팩트 만들어. 상단에 오늘 하루
2-문장 요약: 캘린더에서 가장 중요한 거 하나, 가장 먼저
응답해야 할 이메일/슬랙 스레드 하나.

그 아래에 보여줘:
- 오늘 미팅 (캘린더), 줌 링크 추출해서
- '응답 필요' 가 제목이나 본문에 있는 미열람 Gmail, 지난 18시간
- 슬랙 DM이랑 @-멘션, 지난 12시간, 모든 채널
- 상태 = 'Today' 인 노션 작업

열 때 새로고침. 빈 항목은 'No items' 보여주지 말고 그냥 섹션
숨겨."

잘 되는 거: 2-문장 요약이 이 아티팩트가 매일 열림을 얻는 이유예요. 그게 없으면 그냥 4개 리스트 보는 거고요. 그게 있으면 클로드가 실제 트리아지를 하는 거예요.

알아야 할 거: 처음 만들 때 Gmail 필터 다듬는 데 5-10분 들 거예요. “응답 필요"는 일부 진짜 메일을 놓치고 일부 마케팅 메일은 잡아요. 수동으로 깃발 붙일 것이랑 매치될 때까지 프롬프트 반복하세요.

템플릿 5: 라이브 클라이언트 리포트 (@JulianGoldieSEO, 핫 리드 변형)

이 템플릿이 괜찮은 이유: 에이전시 오너랑 프리랜서는 매주 같은 클라이언트 리포트를 보내요. 라이브 아티팩트가 준비 시간을 “매주 금요일 두 시간"에서 “아티팩트 열기, 스크린샷, 보내기"로 줄여요.

뭘 하느냐: 단일 클라이언트의 KPI(트래픽, 리드, 상위 페이지, 전환 이벤트)를 GA4 + CRM에서 가져와서, 한 페이지 리포트로 포맷하고, 열 때 업데이트해요. 매주 금요일 스크린샷 한 장.

필요한 커넥터: Google Analytics MCP + CRM (HubSpot 또는 Salesforce MCP 가능; 작은 에이전시면 노션이나 구글 시트).

2-프롬프트 시퀀스:

프롬프트 1: "GA4 속성 [클라이언트-속성-id]랑 HubSpot의 거래
파이프라인 태그 [클라이언트-태그] 읽어. 지난 30일 어떤 데이터
사용 가능한지 보여 줘."

프롬프트 2: "[클라이언트-이름]-weekly 라는 라이브 아티팩트를
다음 섹션으로 만들어: (1) 헤드라인 메트릭: 오가닉 트래픽, 이전
30일 대비. (2) 세션 기준 상위 10개 랜딩 페이지, 변화량 포함.
(3) 파이프라인 요약: 생성된 거래, 단계 진전 거래, closed-won
거래, 총 $ 가치, 지난 30일. (4) 핫 리드: HubSpot 컨택트 중
리드 점수 > 70 그리고 지난 7일 활동 있는, 다음-최선-액션 초안과
함께. (5) 위 패턴 기반 '추천할 것' 3-bullet 섹션. 클라이언트
브랜드 컬러 [#hex] 를 헤딩에 사용."

잘 되는 거: 한 번 만들면 매주 클라이언트 체크인이 가장 빨라져요. 아티팩트 열기, 스크린샷, 이메일에 붙이기, 보내기. 끝.

알아야 할 거: “다음-최선-액션 초안"은 클로드가 틀릴 수도 있는 추천을 하는 거예요 — 보내기 전에 검토하세요. 브랜드 컬러 커스텀화가 스크린샷을 우리 것처럼 보이게 하는 부분이에요. 클로드 템플릿이 아니라.

앤트로픽 도움말이 안 알려주는 것

이번 주 X 실사용 시그널에서 솔직한 한계 5가지:

  1. 새로고침은 열 때만, 푸시 아니에요. 라이브 아티팩트는 열 때 최신 데이터를 가져와요. 몇 시간 동안 열어두면 자동 업데이트 안 돼요. 트레이딩 포지션 템플릿은 한낮에 수동 새로고침 필요. 라이브 데이터를 보는 어떤 아티팩트도 마찬가지예요.

  2. 로컬 저장만. 라이브 아티팩트는 우리 맥이나 윈도우 머신에 살아요. 디바이스 간 동기화 안 되고, 출시 시점에 공유 불가능이에요. 좋은 거 만들어도 (아직) 동료에게 우리 아티팩트 링크 못 보내요.

  3. 커스텀 서버는 MCP 셋업이 기술적이에요. 빌트인 커넥터(노션, 슬랙 등)는 OAuth 두 클릭으로 작동해요. 커스텀 MCP 서버 추가(Public.com 증권 같은 거)는 JSON-config + Homebrew/UV install — 개발자한테는 괜찮지만 다른 모든 사람한테는 마찰이에요.

  4. 유료 플랜만. Pro ($17/월 연간 또는 $20/월 월간), Max (사용량 3 티어, 약 $100/월부터), Team ($20/시트/월 연간 또는 $25 월간), 또는 Enterprise (커스텀). 무료 티어에선 라이브 아티팩트 없어요. 현재 가격은 anthropic.com/pricing 참고.

  5. 여전히 호스팅을 클로드에 의존해요. 커넥터 링크가 살아 있는 채로 “스탠드얼론 HTML로 내보내기"가 없어요. 앤트로픽 가격이 바뀌거나 기능 모양이 바뀌면, 우리 대시보드도 같이 가요. 미션 크리티컬 워크플로우면, 시스템-오브-레코드가 아니라 생산성 레이어로 다루세요.

세간의 프레이밍 — “앤트로픽이 블룸버그 터미널을 노린다” — 은 라이브 아티팩트가 오늘 어떤지를 과장하고, 궤적이 어떤지를 과소평가해요. 4월 28일 시점, 이건 개인이랑 작은 팀을 위한 생산성 기능이에요. 태블로 대체 주장은 열망에 가까워요. 하지만 그 도구들의 해자 — “우리가 UI를 만들었으니 너네는 우리가 만든 것만 쓰라” — 는 분명히 약해졌어요. @testingcatalog이 적절히 표현했죠 — “GenUI가 왔어요. 가치는 UI 인터페이스에서, 자기 UI를 만들게 해주는 사람한테로 옮겨가요.”

뭘 먼저 만들까

라이브 아티팩트 처음이라면, **템플릿 4 (모닝 비즈니스 OS)**부터 시작하세요. 대부분의 사람이 이미 승인한 흔한 커넥터를 쓰고 (캘린더 + Gmail + 슬랙 + 노션), 프롬프트도 관용적이고, 첫 아침에 열 때 가치를 느낄 거예요.

개발자나 트레이더라면, 템플릿 1이 더 흥미로워요. 커스텀 MCP 추가를 강제하니까요. 그걸 한 번 해두면 다른 모든 커스텀-데이터 대시보드가 가능해져요.

에이전시 오너랑 컨설턴트라면, 템플릿 5가 매주 시간 절감 최대.

2026년 SEO/콘텐츠 분야면, 템플릿 3이 자기가 필요한지 몰랐던 대시보드예요. AI Overview 노출이 올해 가장 중요할 메트릭인데, 대부분의 분석 셋업이 명확히 표시 안 해요.

팀 운영하는 누구한테든, 템플릿 2가 우리 월요일에 이미 필요한 그것.

크로스 링크 — 라이브 아티팩트가 첫 클로드 코워크 기능이라면 코워크 비기너 가이드가 주변 워크스페이스를 다뤄요. 코워크를 마이크로소프트와 구글의 경쟁 어시스턴트랑 비교하는 중이라면 Microsoft Agent 365 4-모델 분석을 IT 도입자 관점에서 보세요. (KO 블로그 아직 없으면 EN 링크: Agent 365 4-models)

Build Real AI Skills

Step-by-step courses with quizzes and certificates for your resume