클로드 코드 광고 영상 만들기, 탑뷰(Topview) MCP 연결법

클로드 코드(Claude Code)에 Topview(탑뷰) MCP 하나를 연결했더니, 시장 조사부터 제품 선정, 이미지, 8초 영상, 자막·보이스오버, 립싱크까지 사람이 거의 손을 안 대고 굴러갔습니다. 오후다섯씨 채널의 시연 영상을 따라가며 클로드 코드 광고 영상 만들기 흐름을 설치부터 단계별로 정리했습니다. 실제 프롬프트 문장과 클릭 순서를 그대로 적었으니 따라 하면 재현됩니다.

MCP가 뭐길래 클로드가 영상을 만드나

MCP는 클로드 바깥에 있는 서비스를 클로드가 직접 불러 쓰게 연결하는 장치입니다. 휴대폰에 앱을 깔면 기능이 늘어나듯, 클로드에 MCP를 붙이면 그 서비스의 기능을 클로드가 대신 눌러 줍니다. 화자의 설명은 이렇습니다. 클로드가 베이스고, 거기에 MCP를 하나씩 붙인다. 영상 제작에 특화된 MCP를 붙여야 클로드가 영상을 만든다는 거죠.

클로드 코드는 앤트로픽이 만든 AI 클로드를, 채팅창이 아니라 내 컴퓨터의 작업 폴더 안에서 부리는 프로그램입니다. 파일을 만들고 내려받고 외부 도구를 부르는 일을 직접 합니다. 탑뷰는 AI로 광고 이미지와 영상을 만들어 주는 온라인 서비스입니다.

영상 만드는 MCP는 많습니다. 그런데 광고 영상은 단순히 영상 한 편 뽑는 것과 다릅니다. 팔려야 하니까요. 그래서 데이터 → 인사이트 → 전략 → 비주얼, 이 네 단계를 다 받쳐 주는 도구가 필요하다는 게 영상의 전제입니다. 영상부터 만들고 이유를 붙이는 게 아니라, 사람들이 원하는 영상의 근거를 먼저 찾고 나서 만든다.

클로드 코드 광고 영상 만들기 준비물

• 컴퓨터. 클로드 코드는 macOS, 윈도우, 리눅스에서 다 돌아가므로 셋 중 무엇이든 됩니다
• Visual Studio Code(비주얼 스튜디오 코드). 마이크로소프트가 무료로 배포하는 코드 편집 프로그램으로, 공식 사이트에서 받아 설치합니다
• 클로드 코드. VS Code에서 실행 가능한 상태여야 합니다
• 앤트로픽 계정. 클로드 코드 로그인에 씁니다. 클로드 코드는 유료 요금제나 API 결제가 연결된 계정이어야 쓸 수 있으니, 어떤 요금제가 되는지는 앤트로픽 공식 안내를 확인하세요
• Topview 계정. MCP 인증에 필요합니다
• Topview MCP 주소(URL). 프롬프트에 붙여넣을 주소인데, 영상에는 화면에만 나오고 소리로 읽어 주지 않습니다
• Topview 크레딧. 영상 시작 시점 잔여 260, 영상 한 편에 약 8.2 소모(출연자 화면 기준)

탑뷰 크레딧은 어떻게 계산하나

크레딧이 유료인지 무료 제공분이 있는지, 원화로 얼마인지는 영상에 안 나옵니다. 금액은 서비스가 정하는 것이라 공식 요금 안내를 봐야 하지만, 구조는 이렇습니다. 크레딧은 생성 한 번마다 깎이는 사용권이고, 가입하면 얼마간 주어지는 무료 분량이 있으며 그 뒤로는 월 요금제나 충전으로 채웁니다.

영상 화면의 숫자를 그대로 대입하면 한 편에 8.2씩이니 260으로는 서른 편 남짓 만들 수 있다는 계산이 나옵니다. 실패한 생성도 똑같이 깎이므로 실제로 쓸 수 있는 편수는 그보다 적습니다.

1. 클로드 코드 열고 MCP 설치하기

VS Code에서 클로드 코드 실행

VS Code를 열고, 그 안에서 클로드 코드를 실행합니다. 프롬프트(명령 입력) 창이 뜨면 준비 끝입니다. 영상은 이미 열린 상태에서 시작하니 설치·최초 실행 화면은 나오지 않는데, 처음이라면 이 순서를 먼저 밟으면 됩니다.

먼저 터미널을 여는 법입니다. 터미널은 글자로 명령을 쳐서 컴퓨터를 움직이는 창입니다. 맥은 응용 프로그램 > 유틸리티 > 터미널을 엽니다. 윈도우는 시작 메뉴에서 PowerShell을 검색해 엽니다.

1. Node.js를 설치합니다. Node.js는 클로드 코드 같은 프로그램을 돌리는 바탕 프로그램이고, 설치하면 프로그램 설치 도구인 npm이 함께 깔립니다. nodejs.org에서 LTS 버전(오래 지원되는 안정판)을 받으면 됩니다. 터미널에 node -v 를 쳐서 버전 숫자가 나오면 준비된 겁니다
2. 터미널에서 클로드 코드를 설치합니다

npm install -g @anthropic-ai/claude-code

1. VS Code를 열고 작업할 폴더를 하나 엽니다. 결과물이 이 폴더에 쌓입니다
2. VS Code 안의 터미널(단축키는 Ctrl+또는 Cmd+)에서 claude 를 칩니다
3. 처음 실행하면 로그인 안내가 뜹니다. 브라우저가 열리고 앤트로픽 계정으로 로그인하면 터미널로 돌아옵니다

VS Code 확장 프로그램 마켓플레이스(VS Code에 기능을 더하는 추가 프로그램 장터)에서 Claude Code 확장을 설치해 두면 편집기 안에 전용 패널로 뜹니다. 없어도 터미널만으로 다 됩니다.

MCP 설치 프롬프트

프롬프트 창을 클릭하고, 아래 문장을 칩니다.

MCP를 설치하고 로그인 방법을 알려 줘

그 뒤에 Topview MCP 주소를 같은 줄에 붙여넣습니다. 이 주소가 앞서 말한, 소리로는 안 읽어 준 그 값입니다. 정확한 주소는 Topview 공식 안내에서 확인하세요.

클로드에게 시키지 않고 직접 등록해도 됩니다. 터미널에서 이 형태로 치면 같은 결과가 나옵니다.

claude mcp add --transport http topview <탑뷰가 안내한 주소>

topview 자리는 목록에 뜰 이름이라 아무렇게나 정해도 되고, 꺾쇠 안에는 탑뷰 안내 페이지에 적힌 주소를 그대로 넣습니다. 등록된 내용은 작업 폴더의 설정 파일에 기록되므로, 폴더를 옮기면 그 폴더에서 다시 등록해야 합니다.

엔터를 치면 클로드가 "MCP를 등록하겠습니다"라고 답하고, 이어서 "탑뷰 MCP 서버 등록 / 등록 완료 / 이 프로젝트에 HTTP 방식으로 추가되었습니다"라는 문구가 뜹니다. HTTP 방식은 인터넷 주소로 서비스에 접속하는 연결 방식을 말합니다. 이 문구를 봐야 등록이 된 겁니다.

2. 새 대화 시작하고 인증까지

세션을 새로 시작해야 인식된다

세션은 클로드 코드를 켜서 끌 때까지 이어지는 한 번의 대화를 말합니다. 설치 직후엔 세션을 새로 시작해야 MCP가 잡힙니다. 여기서 안 하면 목록에 탑뷰가 안 보입니다. 터미널에서 클로드 코드를 한 번 끄고(/exit 또는 Ctrl+C 두 번) 다시 claude 로 들어간 다음 이렇게 칩니다.

MCP 목록을 보여 주세요

연결된 MCP 서버 목록이 나오고, 그 안에 탑뷰가 보입니다. 그런데 탑뷰 옆에 "인증이 필요하다 / 아직 인증되지 않음 / 터미널에서 실행해서 인증해 달라"는 안내가 붙어 있습니다. 인증은 이 컴퓨터의 클로드 코드가 내 탑뷰 계정을 써도 된다고 허락해 주는 로그인 절차입니다.

슬래시 명령으로 로그인

자막에는 "슬 MCP … 탑뷰"로 들리는데, 클로드 코드의 슬래시 명령 /mcp 를 말한 것입니다. 슬래시 명령은 입력창에 빗금(/)으로 시작해 치는 클로드 코드 내장 명령입니다. 클로드 코드가 떠 있는 입력창에 그대로 칩니다.

/mcp

등록된 MCP 서버 목록이 뜨고 각 서버의 상태가 붙어 나옵니다. 방향키로 탑뷰를 고르면 그 서버에 할 수 있는 동작이 나오는데, 인증이 안 된 서버에는 authenticate(어센티케이트) 항목이 1번으로 올라옵니다. 1번을 고르면 브라우저 창이 뜨고, 거기서 Topview 로그인을 마치면 "authentication successful" 메시지가 뜹니다. 클로드 코드 화면으로 돌아오면 연결 완료 표시가 보입니다.

브라우저가 자동으로 안 열리면 터미널에 주소가 글자로 찍혀 있으니 그걸 복사해 직접 여시면 됩니다.

마지막으로 확인 한 번.

탑뷰 연결되었나요?

"연결됨, 크레딧 260 남음, 시장 조사·이미지·영상 생성 바로 가능"이라고 답하면 준비가 끝난 겁니다.

3. 시장 조사 → 제품 선정

이제 뭘 팔지부터 데이터로 찾습니다. 틱톡샵은 틱톡 앱 안에서 바로 물건을 사고파는 쇼핑 기능입니다.

요즘 틱톡샵에서 잘 팔리는 제품이 뭔지 알려줘. 그리고 아마존 데이터도 같이 봐줘

엔터를 치면 틱톡샵과 아마존을 실시간 조회해 정리해 줍니다. 영상 예시에서 나온 숫자는 아래와 같습니다. 전부 출연자 화면에 뜬 주장·추정입니다.

• 틱톡샵 미국 최근 7일 판매량 1위: "로디드 T믹스"(자막 표기 그대로), 주간 약 6만
• 틱톡샵 1·2·4위가 전부 "로디드 T 계열"
• 아마존 미국 7월 상위: 키친타월, 네스프레소 캡슐 등

후보 중에서 광고로 만들 제품을 하나 고릅니다. 영상에서는 "2번, K뷰티 멀티밤"을 골랐습니다. 번호는 그때그때 다르니 화면 번호를 보고 고르세요. 고르면 클로드가 "기획 전에 이 제품이 실제로 어떤 콘텐츠로 팔리는지 데이터부터 확인하겠습니다"라며 자료 조사를 먼저 돌립니다.

4. 광고 기획안 받고 방향 고르기

클로드가 제품 데이터를 요약해 줍니다. 영상 예시의 K뷰티 멀티밤 수치는 이렇습니다(출연자 화면 주장·추정). 숏폼은 1분 안팎의 짧은 세로 영상이고, 라이브는 실시간 방송으로 물건을 파는 방식입니다.

• 최근 30일 매출 405만 달러
• 그중 72.9%가 숏폼 영상에서 발생, 라이브는 5.5%
• 상위 영상 패턴: 비포/애프터, 비용 비교, 다크서클 컨실러 대체
• 8초 초단편 하나가 920만 조회를 낸 사례

그다음 광고 방향을 세 개 제안합니다. 각 방향마다 훅, 영상 컨셉, 대본 아이디어, 스토리보드 방향이 함께 붙어 나옵니다. 훅은 영상 첫 몇 초에 시청자가 넘기지 않고 멈추게 만드는 장면이나 문장입니다. 스토리보드는 컷마다 어떤 장면이 나올지 순서대로 적은 설계도입니다.

• A 트랜스포메이션
• B 비용 대체
• C 루틴 단순화

영상에서는 C를 골랐습니다. 8~15초 초단편으로, 컨실러를 쓰레기통에 던지고 스틱으로 눈밑에 한 번 바르는 컷입니다. 고른 방향을 프롬프트에 넣고 엔터를 치면 "선택한 방향으로 이미지·영상 생성을 진행합니다, 생성 도구 스키마를 불러옵니다"라고 답합니다. 스키마는 도구를 어떻게 불러야 하는지 적힌 사용 규격이라, 이 문구는 클로드가 탑뷰의 생성 기능을 쓸 준비를 한다는 뜻입니다.

번호만 치는 것보다 조건을 붙이면 결과가 달라집니다. 영상에는 이 대목의 프롬프트가 안 나와서 예시를 만들었습니다.

C안(루틴 단순화)으로 갈게. 조건은 이래.

길이: 8초, 세로 9:16
1~3초: 컨실러를 쓰레기통에 던지는 컷, 소리로 툭 떨어지는 느낌
4~6초: 멀티밤 스틱을 눈밑에 한 번 쓸어 바르는 클로즈업
7~8초: 정면 얼굴, 화면 아래에 제품명 자막
톤: 과장 없이 담백하게, 효과 문구는 넣지 말 것
자막: 한국어, 짧은 문장 두 개까지

이 조건으로 이미지부터 만들고 확인받은 다음 영상으로 넘어가 줘.

마지막 줄이 중요합니다. 이미지에서 한 번 끊고 확인하면, 마음에 안 드는 그림으로 영상을 뽑아 크레딧을 버리는 일이 줄어듭니다.

5. 이미지 → 영상 자동 생성

여기부터는 기다리는 구간입니다. 상태만 확인하면 됩니다.

이미지 생성 대기 → 이미지 완료로 바뀌고, 그 장면으로 영상 제작에 들어갑니다. 8초 영상 생성 → 비디오 폴더로 다운로드 → 완성 순서로 진행되고, 사용한 크레딧(예시에서는 8.2)이 표시됩니다. 영상 엔진은 자막에 "C덴스 2.0"으로 잡혔는데 영상 생성 모델 Seedance 2.0을 옮겨 적은 것입니다.

내려받은 파일은 클로드 코드를 실행한 그 작업 폴더 안의 비디오 폴더에 들어갑니다. VS Code 왼쪽 파일 목록에서 바로 보이고, 파일을 눌러 재생하거나 다른 편집 프로그램으로 열면 됩니다.

완성된 8초 시안을 재생해 봅니다. 왼쪽에 이미지, 오른쪽에 초단편 광고 소재가 재생됩니다.

6. 자막·보이스오버, 그리고 립싱크

시안에 자막과 음성을 얹습니다. 보이스오버는 화면 밖에서 들리는 설명 목소리입니다.

자막 음성 추가하세요

Topview의 generate voice 기능으로 자막과 보이스오버가 붙고, 틱톡 스타일 8초 최종본이 나옵니다.

다른 방향도 더 만들고 싶으면 이렇게 이어 갑니다.

A안도 만들어 주세요
이건 립싱크 가능한가요?
진행해 주세요

립싱크는 영상 속 인물의 입 모양을 대사에 맞춰 움직이게 하는 기능입니다. 훅 부분만 카메라 보고 말하는 립싱크 컷을 만들어 영상 앞에 붙이는 구성입니다. 요청하면 립싱크 영상까지 완성돼 재생됩니다.

7. 캔버스로 모아 보고 편집

마지막으로 결과물을 한 화면에 모읍니다. 캔버스는 탑뷰에서 만든 결과물을 한 판에 늘어놓고 보는 작업 화면입니다.

지금까지 만든 결과물을 탑뷰 캔버스에서 한 눈에 볼 수 있게 해 줘

캔버스 링크가 나오고, 브라우저로 열면 이미지·영상·작업 과정·프롬프트가 전부 기록돼 있습니다. 타임라인을 보며 직접 편집할 수도 있고, 스킬이나 수동 도구를 더해 사람이 손을 보태는 것도 됩니다.

탑뷰 MCP 연결이 막힐 때 확인할 것

• MCP 목록에 탑뷰가 안 보임 → 설치 후 새 세션을 안 시작한 경우. 클로드 코드를 껐다 켜고 /mcp 로 다시 확인.
• 탑뷰가 "인증 필요"로만 뜸 → 인증을 안 함. /mcp → 탑뷰 → 1번 authenticate → 브라우저 "successful"까지.
• 브라우저가 안 열림 → 터미널에 찍힌 주소를 복사해 직접 열면 됩니다.
• 시장조사·영상 생성이 안 됨 → 인증 미완료나 연결 끊김. "탑뷰 연결되었나요?"로 확인.
• 다른 폴더에서는 탑뷰가 안 보임 → MCP 등록이 폴더 단위로 저장된 경우. 그 폴더에서 다시 등록하면 됩니다.
• 영상이 안 만들어지고 멈춤 → 크레딧 부족 가능성(한 편 약 8.2). 탑뷰 웹사이트에 로그인해 요금제·크레딧 페이지에서 충전하고, 충전한 뒤에는 클로드 코드에서 "탑뷰 크레딧 얼마 남았어?"로 잔액이 갱신됐는지 확인하면 됩니다.

광고 영상 자동화에서 사람이 한 일은 두 가지

사용자가 한 일은 사실 두 가지뿐입니다. "찾아 줘"라고 시키고, 제안 중 하나를 고른 것. 조사·기획·제작 대부분은 에이전트(스스로 여러 단계를 이어서 처리하는 AI)가 자동으로 돌렸습니다. 화자의 결론은 광고 영상 제작에는 Topview가 괜찮다는 것이었고, 데이터·인사이트·전략·비주얼 네 단계를 다 받쳐 주는 도구가 필요하다는 게 핵심이었습니다.

다만 이 글의 숫자는 전부 영상 화면에 뜬 주장·추정입니다. 자막에 "C덴스 2.0"으로 잡힌 표기는 Seedance 2.0으로 옮겼고, MCP 주소와 "로디드 T믹스" 같은 값은 확정하지 않고 그대로 뒀습니다.

이 글은 영상 자막을 기준으로 정리했습니다. 그래서 도구 이름 철자나 MCP 주소처럼 화면에만 스쳐 지나간 값은 확정하지 않고 남겨 뒀습니다.

원본 영상: youtube.com/…