Cursor + Vooster로 이메일 템플릿 완전 자동화 도전기 🚀

소개 📝

3주차 스타트업 실험실 & CTO 오프라인 모임에서 “React‑email을 써서 뉴스레터 템플릿을 만들고 이메일을 보내보자” 는 과제가 주어졌습니다.🤔

처음엔 Cursor(AI 코딩 IDE)로 손수 코드를 짜보려 했지만,

“이왕 만드는 김에 Vooster AI로 자동화하면 어떨까?” 라는 호기심이 폭발!
‘기획 ↔︎ 코딩 ↔︎ 배포’ 전 과정을 한 번에 묶어보려는 실험이 시작됐습니다.

진행 방법 🔧

사용 도구

• Cursor: 코드 편집 & AI 리팩터링

• Vooster AI: PRD/TRD 자동 생성, 워크플로 자동화

• supabase, n8n(?)

구현 단계

1. Vooster AI 세팅

   • 계정 생성 & 프로젝트 등록

   • API Key 발급 후 Cursor 환경변수로 저장

2. PRD → TRD → 자동 생성
   PRD
   
   1) 요약

   “템플릿 뉴스레터 자동화 서비스(가칭)”는 HTML·Markdown 문서를 사전에 정의된 이메일 템플릿에 자동 적용하여 5분 이내에 뉴스레터 작성·발송을 완료하도록 지원하는 웹 기반 솔루션이다. 1인 소상공인 및 마케터의 반복 업무 시간을 획기적으로 단축하고 발송 품질을 표준화한다.

   2) 문제 정의

   • 뉴스레터 제작·발송 과정(콘텐츠 편집 → 템플릿 적용 → 테스트 메일 발송 → 최종 발송)으로 반나절 이상의 시간이 소요됨

   • 디자인·코딩 역량 부족으로 레이아웃이 깨지거나 스팸 필터링 문제 발생

   • 수동 업데이트 과정에서 오류·일관성 저하 발생
     현재 시장에는 코드 편집 지식 없이 템플릿 관리, 콘텐츠 변환, 발송까지 원스톱 처리해주는 경량화 솔루션이 부족하다.
     

   

TRD

CODE GUIDELINE=>영문으로

3. 구현은 진행예정입니다.

결과와 배운 점 🌱

• Vooster UI와 용어, 사용법에 익숙해지는데 시간이 꽤 걸.

• Vooster ai로 개발하는 방법을 배우는데 시간이 많이 걸리는 거 같습니다.

• vooster 유튜브 영상을 그대로 따라해보려고 했지만 그대로 되지 않아요.

• 생각보다 환경설정하고 사용 방법론을 배우는데 시간이 많이 소요되는거 같습니다.

• 일단 기능 개발을 진행하기 전에 스타트업실험실 종강이 되어 아쉽습니다.

• 방학동안 남은 개발을 진행하여 완료해보겠습니다.

독자에게 전하고 싶은 한마디 💌

“바이브코딩은 생각처럼 쉽진 않지만, 한 단계씩 밟아가면 분명 빛이 보입니다!” ✨
비슷한 도전을 하는 분들께 “작게 시작 → 자주 공유” 루틴을 추천드려요! 🙌

도움 받은 글 (옵션) 📚

• Vooster 공식 https://vooster.ai

• 커서맛피아 유튜브 채널 https://www.youtube.com/@%EC%BB%A4%EC%84%9C%EB%A7%9B%ED%94%BC%EC%95%84