바이브코딩

AI 패치된 일잘러의 보고서는 아예 종류가 달라요

보고서 안에 살아있는 시연과 샘플 다운로드 기능까지 붙이세요

2026.10.03 | 조회 604 |
0
|

고객사 제안서, 틀을 바꾸다

 

보통 제안서는 PPT로 만들어서 PDF로 출력해 보내시지 않나요?

 

저도 처음 B2B 영업직으로 일할 땐 그렇게 했어요. 2021년부터 독일 마켓리서치 기업에서 SaaS 솔루션을 영업했었는데, 제안서 틀 잡고 PPT 디테일을 한땀한땀 챙기느라 정말 많은 시간을 잡아먹었어요. 그것도 회사 마케팅팀의 브랜드 가이드 안에서!!

 

세일즈 데모에 참석하지 못한 고객사 분들은 시연 영상을 요청할 때가 많았습니다. 데이터 샘플을 원하는 경우도 적지 않았고요. 그때마다 영상 녹화해서 보낼라치면 아웃룩 한계치인 용량 30MG야 거뜬히 넘어갔죠. 구글 드라이브에 올려서, 혹은 유튜브에 올려서 링크만 가져오는 식으로 메일에 적었어요. 샘플 퍄일은 여러개를 압축해서 메일에 첨부하거나 여러 샘플을 보내드릴 때도 많았답니다.

 

이러면 제안 메일이 산만해지잖아요.

 

그런데 바이브코딩을 배우면서 같이 공부하던 분이 이런 이야기를 해주시는 거예요. 나는 세무사인데, 다른 세무사 님이 고객과 미팅이 끝나자마자 홈페이지 비슷한 걸 발행해서 고객에게 줬는데, 그 내용을 보니까 너무 신기하더라는 거예요. 깔끔하게 정리된 세무사 소개부터 미팅에서 나눈 주요 쟁점들이 잘 정리돼 있고, 심지어 영상까지 임베딩 돼 '살아있는' 제안서가 나오더라는 겁니다.

 

저도 그 이야기를 듣고 바이브코딩으로 완전히 뜯어고쳤어요. 고객과의 미팅 후 미팅 요약, 샘플 및 시연 제공 방식을 이렇게 바꾼 거예요.

 

  1. 고객과의 미팅 내용 녹화/녹음/필기
  2. html로 로컬에서 바로 구현
  3. 버셀(vercel)로 발행해서 최종 고객사에 링크 하나 보내주기.  

 

아래와 같이 이메일을 보내요.

 


 

실제 이메일 본문 예시
실제 이메일 본문 예시

 

고객사에서도 다들 신선해하더라고요. 서비스에 대한 소개부터 구체적인 스펙, 시연 영상은 물론 샘플까지 한번에 다운로드 할 수 있었으니까요.

 

클릭하면 샘플 페이지 둘러보실 수 있어요.
클릭하면 샘플 페이지 둘러보실 수 있어요.

 

데이터 넣고 "버셀로 발행해!"

 

어떻게 만드느냐. 간단합니다.

 

저는 컴퓨터에서 터미널을 열고 클로드코드로 작업해요. 데스크톱 앱으로 작업하면 크레딧 소모가 크더라고요.

 

원리는 데이터를 한 폴더에 모아놓고 프롬프트를 주는 겁니다. 플랜모드로요.

 

/plan OO 폴더에 A고객사에 보낼 초기 제안 페이지를 만들거야. 고객사 로고와 고객사 브랜드 이미지, 우리 회사 로고와 우리회사 브랜드 이미지는 ㅁㅁ파일을 읽고 반영해.

오늘 고객사와 회의 후 남긴 회의록 파일을 읽어서 히어로 섹션에는 고객이 가져가야 할 핵심 메시지를 추출해 강조해. 고객이 궁금해 했던 부분을 질문으로, 우리 솔루션을 답변으로 녹여서 히어로 섹션 아래에 삽입해. 그 섹션 내에 샘플 자료를 다운로드할 수 있는 버튼을 만들어. 버튼 누르면 바로 다운로드 되게끔 페이지에 데이터를 업로드 해두어야 해.

시연 영상은 바탕화면에 영상 파일 XXX을 페이지 두 번째 섹션에 심어. 24시간 자동재생 되게끔 심어. 하단에는 내 구글 캘린더랑 연결된 미팅 예약 페이지 버튼을 삽입해. 클릭하면 나랑 미팅 잡을 수 있게끔 군더더기 없이 디자인해서 넣어. 

로컬에서 수정 다 하면 버셀로 발행해.   (버셀 로그인 필요하면 말해 로그인 해줄게)

 

이 정도 인풋을 주면 클로드코드가 페이지 제작 및 발행에 참고할 추가 질문을 할 겁니다. 원하시는 걸 고르세요. 제안서 만들라고 하세요. 

 

혹시 아직 터미널에서 클로드코드 안 쓰고 계신 분이라면 아래 링크 걸어둔 뉴스레터 보면서 따라 설치하시면 됩니다.

 

 

 

실제로 어떤 영업 제안서 포맷이 가능할지 과거에 사용했던 제안서들을 샘플용으로 리뉴얼해서 정리해봤어요. 아래 링크에서 살펴보세요 :)

첨부 이미지

 

여기서 마음에 드는 링크를 하나 골라 클로드코드에게 던져주고, "이 템플릿 활용해" 말씀하시면 훨씬 빠르게 작업하실 수 있을 거예요.

 

코딩툴이 어렵다면 마누스AI에 맡겨요

 

만약 클로드코드나 코덱스 쓰시는 게 아직 어려우시다면 그냥 마누스AI에게 맡기세요. 위 링크들을 던져주고 명령하세요.

 

  • 이 템플릿을 활용하되, 내가 지금부터 입력하는 내 제안 내용에 맞게 정리해줘.
  • 영상은 바탕화면에 찍어놓은 걸 시연용으로 삽입해줘.
  • 이 파일을 샘플 다운로드 받기 버튼을 눌러서 시연 영상 밑에 삽입해줘.

 

그럼 이런 식으로 뚝딱 제안 페이지를 만들어줍니다. Vercel로 별도 발행할 필요도 없어요. 발행 배포 역시 마누스 AI 안에서 원큐에 해결이 되니까 너무 편합니다.

 

시연용으로 제작한 페이지 한 번 보실래요? 수정을 한 번도 안 하고 바로 나온 첫 제작물입니다.

https://greengrid-shfd6mmk.manus.space

 

첨부 이미지
첨부 이미지

 

저를 통해 마누스 AI를 사용하시는 분들, 아래 링크로 들어가서 크레딧 받기 코드 활성화시키시면 마누스AI 1천 크레딧을 받으실 수 있습니다. (선착순)

 

https://manus.im/redeem?c=ND24W826

1천 크레딧 받기: ND24W826

 

AI시대, 뒤처지지 말고 일잘러 되세요!

 

다가올 뉴스레터가 궁금하신가요?

지금 구독해서 새로운 레터를 받아보세요

✉️

이번 뉴스레터 어떠셨나요?

뉴스대디와 만드는 AI Agent 님에게 ☕️ 커피와 ✉️ 쪽지를 보내보세요!

댓글

의견을 남겨주세요

확인
의견이 있으신가요? 제일 먼저 댓글을 달아보세요 !

다른 뉴스레터

이웃 뉴스레터 Beta

비슷한 이야기를 하는 다른 뉴스레터의 글이에요.

© 2026 뉴스대디와 만드는 AI Agent

AI 창궐로 레이오프 된 비개발자 출신 40대의 AI Agent 정복 스토리

메일리 로고

도움말 오류 및 기능 관련 제보

서비스 이용 문의admin@team.maily.so 채팅으로 문의하기

메일리 사업자 정보

메일리 (대표자: 이한결) | 대표번호: 070-8027-1409 | 사업자번호: 717-47-00705 | 서울특별시 송파구 위례광장로 199, 5층 501-2-31호

이용약관 | 개인정보처리방침 | 정기결제 이용약관 | 라이선스