x.com: 260323 llm caa5c1 ref — 2026-03-23 56e764

https://x.com/ralralbral/status/2035690999679439292?s=20

[[260323_llm_caa5c1_ref|링크 참조]]

원문 내용

방금 Claude 새로운 인터랙티브 차트 기능을 직접 테스트해 본 결과,

✅ 별도의 코딩 과정 없이 프롬프트 한 줄만으로 사용자가 직접 조작할 수 있는 반응형 대시보드가 만들어지는 것을 확인했습니다.

며칠 전부터 해외 테크 커뮤니티에서 클로드의 새 차트 기능에 대한 테스트 결과가 계속 올라왔습니다.

단순히 정적인 데이터 그래프를 그려주는 수준일 거라 생각하고 직접 사용해 보았습니다.

하지만 결과는 제 예상과 달랐습니다. 사용자가 직접 슬라이더를 움직이고 수치를 조절하며 실시간으로 결과값을 확인할 수 있는 실제 웹 애플리케이션 형태의 도구가 만들어졌습니다.

✅사용 방법은 매우 단순합니다. 복잡한 초기 세팅은 전혀 필요하지 않습니다.

• 일반적인 claude. ai 채팅창에 접속합니다.

• 프롬프트 시작 부분에 "다음 주제에 대한 인터랙티브 차트를 만들어줘: [원하는 주제]" 라고 입력합니다.

실제로 저는 "S&P 500에 매월 얼마를 투자해야 안전하게 은퇴할 수 있는지 물가상승률을 고려해서 인터랙티브 차트로 만들어줘"라고 입력했습니다.

단 몇 초 만에 제가 직접 물가상승률과 예상 수익률 수치를 조절할 수 있는 은퇴 계산기 화면이 완성되었습니다.

✅하지만 여러 번 테스트하며 발견한 주의점이 하나 있습니다.

간혹 클로드가 화면에 차트 UI를 바로 띄워주지 않고, 화면에 파이썬이나 리액트 코드를 텍스트로 길게 출력하는 에러가 발생합니다.

이런 현상을 방지하려면 프롬프트 마지막에 "코드는 작성하지 말고 인터랙티브 차트만 보여줘(Don't code. Interactive chart only.)"라는 문장을 반드시 추가해야 합니다.

이 한 줄의 조건을 넣으면 100% 확률로 코드가 아닌 완성된 시각화 차트 화면을 보여줍니다.

✅여기에 제가 직접 실험하며 얻은(?) 꿀팁을 공유합니다.

첫째, 클로드에게 먼저 "웹 검색을 통해 최신 데이터를 수집해"라고 지시한 뒤 차트를 만들게 하세요. 훨씬 더 정확한 데이터가 차트에 반영됩니다.

둘째, 외부 클라이언트나 팀원에게 이 차트를 공유할 때의 방법입니다. 클로드 안에서 만든 차트 화면은 외부인이 바로 볼 수 없습니다.

이때는 클로드에게 "이 차트를 클라이언트에게 보낼 거야. HTML 파일로 만들어 줘"라고 입력하세요.

즉시 다운로드 가능한 HTML 파일이 생성됩니다. 이 파일을 구글 드라이브에 올려 링크만 전달하면 누구나 여러분이 만든 차트를 웹 브라우저에서 조작해 볼 수 있습니다.