클로드스킬마트스킬 둘러보기바로 쓰는 문장영상으로 배우기터미널 사용법스킬이 뭐예요?
 
← 목록으로

이메일 캠페인 (Resend)

이메일 클라이언트에서 깨지지 않는 HTML 마케팅 이메일을 만들고 GIF를 최적화해 Resend로 발송하는 스킬.

마케팅·SEO중급★ 156⑂ 19AI 점수 9/10마지막 업데이트: 2026. 9. 8.

무엇을 해주나

  • 이메일 안전 HTML 컴포넌트: 중첩 <table> 기반 아웃터 셸, 프리헤더, 히어로 이미지, 프로스트글래스 로고 카드, 기능 목록, 블러 배경 비디오 블록, 검정 필 CTA 버튼, 푸터를 그대로 복사해 사용.
  • 에셋 호스팅 규칙: Next.js 등 public/email-assets/ 폴더를 그대로 CDN처럼 쓰는 방법, 파일명·용량·해상도 규칙, 발송 전 절대 URL 치환 지침.
  • GIF 최적화: MP4 → 720px·15fps·8초 이하 GIF로 변환하는 ffmpeg 명령과 용량이 클 때/화질이 나쁠 때 조정 레시피.
  • Resend 발송 파이프라인: 단일 테스트 발송 스크립트, 100통 단위 배치 발송, 웹훅 기반 드립 시퀀스 설계.
  • 발송 전 체크리스트와 금지 사항: 구독 취소 링크, alt 텍스트, 용량 상한, <video>·flexbox·웹폰트 금지 등.

이런 분께 추천

  • Resend로 제품 출시 메일이나 뉴스레터를 직접 보내는 인디 개발자·스타트업 창업자
  • 디자이너 도움 없이 Gmail/Outlook/Apple Mail에서 모두 깨지지 않는 메일을 만들어야 하는 그로스·마케팅 담당자
  • 화면 녹화 영상을 메일에 넣고 싶지만 <video>가 막히는 문제를 해결해야 하는 분

활용 예시

  1. "새 기능 출시 이메일 만들어줘" → 히어로 이미지 + 데모 GIF + CTA 2개 구조의 HTML을 생성하고 로컬 프리뷰 경로까지 안내.
  2. "demo.mp4를 메일용 GIF로 줄여줘" → ffmpeg 명령으로 1.5MB 이하 GIF를 만들고 용량 초과 시 fps·폭을 낮추는 조정.
  3. "이 메일 구독자 500명에게 Resend로 보내줘" → 배치 100통씩 나눠 발송하는 스크립트 작성 + 발송 전 체크리스트 점검.

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/irinabuht12-oss/email-campaigns-claude/HEAD/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.

↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 irinabuht12-oss/email-campaigns-claude 의 SKILL.m 폴더를 내 ~/.claude/skills/email-campaigns/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/irinabuht12-oss/email-campaigns-claude.git ~/.claude/skills/email-campaigns

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. 터미널을 엽니다.
  2. 스킬 폴더가 없으면 만듭니다: mkdir -p ~/.claude/skills
  3. 저장소를 스킬 폴더로 클론합니다: git clone https://github.com/irinabuht12-oss/email-campaigns-claude.git ~/.claude/skills/email-campaigns
  4. ~/.claude/skills/email-campaigns/SKILL.md 파일이 있는지 확인합니다.
  5. GIF 변환을 쓰려면 ffmpeg를 설치합니다: macOS brew install ffmpeg, Ubuntu sudo apt install ffmpeg.
  6. 발송을 쓰려면 프로젝트에서 npm install resend 후 환경변수 RESEND_API_KEY=re_...를 설정하고 Resend 대시보드에서 발신 도메인을 인증합니다.
  7. Claude Code를 다시 실행하고 "마케팅 이메일 만들어줘"라고 말해 스킬이 발동하는지 확인합니다.
  8. 예시 코드의 발신 주소(hello@get-ryze.ai)는 반드시 본인 도메인 주소로 바꾸세요.
GitHub에서 원본 보기 ↗라이선스: MIT