rbfy_offocial
📌 디자이너 없이, 클로드코드로 카드뉴스 찍어내는 법 — 저장 필수... 더 보기rbfy_offocial📌 디자이너 없이, 클로드코드로 카드뉴스 찍어내는 법 — 저장 필수
요즘 카드뉴스 한 장 한 장 손으로 안 만들어요. 클로드코드(Claude Code)한테 HTML·CSS 템플릿 짜게 하고, 명령어 한 줄로 PNG를 쫙 뽑습니다.
전체 파이프라인 7단계 👇
01 레퍼런스 분석 — 잘 된 카드뉴스 캡처해서 구조·톤 파악
02 기획 — 슬라이드별 제목·본문·이미지를 JSON으로
03 템플릿 — 커버·본문·CTA HTML + tokens.css (1080×1350)
04 에셋 소싱 — 이미지·데모 영상 다운로드
05 렌더 — Puppeteer로 HTML→PNG, ffmpeg로 영상 합성
06 검수 — 잘림·중복·번역체 직접 눈으로
07 캡션 + 발행
핵심은 매번 새로 만드는 게 아니라 tokens.css·템플릿·validator로 '시스템'을 한 번 만들어두는 거예요. 그다음부턴 주제만 바꿔서 찍어냅니다.
그런데 사실, 툴을 아는 것보다 중요한 건 "이걸로 어떻게 돈을 버느냐"예요. 콘텐츠 제작을 이렇게 시스템화하면 외주비 아끼고 부업 수익까지 연결하는 사람들이 빠르게 늘고 있어요.
하이클래스 에듀는 AI로 돈 버는 다양한 부업 강의를 다룹니다.
🔗 litt.ly/highclass.edu (프로필 링크에서도 바로!)
—
📌 저장 · 🔁 공유 · 팔로우하면 돈 되는 AI 시스템이 매주 올라와요.
💬 댓글에 '코드' 남기면 관련 자료 알려드려요!
#클로드코드 #ClaudeCode #카드뉴스 #자동화 #HTML CSS Puppeteer AI부업 콘텐츠자동화 1인사업가 생산성 하이클래스에듀