AI·바이브코딩 프로그램
회사 업무 안내를 글과 짧은 영상으로 만드는 일을 줄이려고 딸깍을 만들고 있어요. 이번에는 실제로 만든 워크퍼밋 영상을 보면서 어떤 AI와 화면 구성을 썼고, 어디를 고쳤는지 정리해볼게요.
딸깍 화면은 이렇게 생겼어요
왼쪽에서 글과 영상을 함께 만들지, 블로그 글만 만들지, 모션그래픽만 만들지 고를 수 있어요. 오른쪽에서는 작업별 진행 상황을 확인하고요. 아래는 실제 화면에서 세 가지 옵션을 선택한 모습을 짧게 묶은 소개예요.
이번 촬영에서는 제작 옵션만 선택했어요. 이미 진행 중이던 작업은 그대로 두었고, 새 AI 작업이나 발행을 실행한 시연은 아니에요.
만들게 된 이유
매번 업무 안내 글과 영상을 따로 만드는 일이 번거로워서, Claude Code와 함께 ‘딸깍’을 만들고 있어요. 이번 영상도 이 프로그램으로 작업했어요. 회사 자료를 바탕으로 대본을 만들고, 목소리와 자막을 붙여 모션그래픽으로 만드는 도구예요.
오늘은 워크퍼밋 안내 영상을 예로 들어볼게요. 이 글에는 제가 화면을 구성하고 수정한 과정을 담았어요.
입력부터 결과까지
먼저 짧은 질문으로 시작했어요. 대본의 첫 문장은 ‘비자 있으면 바로 일할까요?’예요. 긴 설명부터 시작하지 않고, 시청자가 궁금해할 질문을 먼저 보여주는 구성이죠.
그다음은 한 번에 하나씩 보여줘요. 전체 대본은 21개 장면으로 나뉘어 있어요. 질문과 핵심 문장, 준비 항목 체크리스트, 진행 순서, 마지막 안내처럼 장면마다 역할을 정해두었어요.
사진도 장면에 맞게 골라요. 작업 기록에는 직접 넣은 자료 6개를 먼저 사용했다고 남아 있어요. 여기서 ‘직접 넣은 자료’가 모두 실제 촬영 사진이라는 뜻은 아니에요. 영상에는 설명용 이미지와 견본도 들어가 있어요.
어떤 AI를 어디에 썼나요?
개발 도구는 Claude Code, 이 대본을 다듬은 AI는 ChatGPT예요. 이 영상의 작업 기록에는 대본 다듬기 항목이 OpenAI로 남아 있어요. 프로그램을 만드는 AI와, 프로그램 안에서 대본을 다듬는 AI를 나눠서 보면 이해하기 편해요.
화면 스킨은 rm_official_navy를 썼어요. 영상에서 보이는 짙은 남색 바탕과 주황색 강조가 이 사례의 특징이에요. 단순히 색만 고르는 게 아니라 핵심 문장, 체크리스트, 사진, 검색 안내, 브랜드 마무리처럼 장면 종류도 나눠서 구성했어요.
모션그래픽은 Remotion으로 만들었어요. 글자와 사진을 정해진 시간에 보여주고, 강조 표시와 진행 막대, 전환 효과를 붙여 영상으로 출력하는 부분이에요. 이번 영상의 기록에도 ‘Remotion 시네마틱 렌더’가 남아 있어요.
목소리는 따로 만들고, 자막과 맞춰요. 자료를 정리할 당시 딸깍의 음성 엔진은 ElevenLabs로 설정돼 있었어요. 이 영상에서는 장면 7개의 말 빠르기를 고르게 맞추고, 60초에 맞추려고 속도를 1.08배로 조정한 기록이 있어요.
‘어떤 스킬을 썼나요?’라고 묻는다면, 이번에는 대본 다듬기 → 장면 스킨 → 음성 생성 → 자막 확인 → Remotion 출력이라는 기능 묶음으로 설명할 수 있어요. 별도의 Claude Code 스킬 이름이 기록된 것은 아니라서, 실제 확인된 기능과 스킨 이름을 적었어요.
사용 방법
딸깍에서는 업무 카테고리와 자료를 준비하고, 만들 주제를 정해요. 그러면 대본과 장면을 구성하고, 목소리와 자막을 붙인 뒤 결과물을 검수하는 흐름으로 이어져요.
이번 사례에서 확인할 포인트는 세 가지예요. 첫 질문이 바로 이해되는지, 체크리스트가 너무 빨리 넘어가지 않는지, 사진과 설명이 같은 이야기를 하는지. 효과가 많아도 이 부분이 어긋나면 다시 고쳐야 하거든요.
현재 상태와 한계
이름은 ‘딸깍’이지만, 한 번 누르고 끝난 영상은 아니에요. 작업 기록에는 자막 끊김을 고치고, 장면에 맞지 않는 사진을 바꾸고, 체크리스트 소개와 제목을 수정해서 다시 출력한 과정이 남아 있어요.
목소리를 다시 받아써서 대본과 비교하는 검사도 했어요. 기록에는 99% 일치라고 나오지만, 이 숫자가 영상의 완성도가 99%라는 뜻은 아니에요. 실제로 듣기 편한지, 설명이 자연스러운지는 따로 봐야 해요.
지금 이 글에 넣은 것은 전체 영상의 도입부 12초를 잘라 만든 무음 GIF 미리보기예요. 소리 있는 전체 영상은 유튜브 등 플랫폼에 올린 뒤, 이 글 안에서 재생할 수 있도록 연결할 예정이에요.
딸깍은 기존 워드프레스 사이트와 연결했고, 지금은 새 일단빌드 사이트에 맞게 업로드 경로와 카테고리를 옮기는 중이에요. 앞으로는 영상과 제작 기록을 한 작업에 묶어서, 이렇게 읽기 편한 글까지 이어서 올릴 수 있게 만들려고 해요. 완성된 결과뿐 아니라 어디를 고쳤는지도 계속 남겨볼게요.