이렇게만 하면 '카드뉴스 공장' 가동 준비 완

4장. 텍스트 파일 4개가 '카드뉴스 공장 매뉴얼'이 된다

5장. AI가 만든 티, AI가 지운다

6장. 같은 파이프라인으로 채널을 확장하라

꾸준한 실천은 시스템에서 이루어진다

제작 시간 80% 단축! 클로드로 구축하는 '카드뉴스 자동화 공장' (실전편)

이경은

저자

<q>💡 10분 안에 이런 걸 알려드려요!<ul><li>비개발자도 10분 만에 세팅하는 '카드뉴스 공장 4대 파일' 활용법&nbsp;</li><li>AI 냄새 3가지 패턴과 AI에게 절대 시키면 안 되는 수동 장치 3가지</li><li>누구나 쉽게 따라하는 🎁 카드뉴스 파이프라인 설계 워크시트 부록 제공 🎁</li></ul></q><q>저자 이경은10년차 마케터 <a target="_blank" rel="noopener noreferrer" href="https://publy.co/profile/973?fr=chapter-text">&gt; 프로필 더 보기</a></q>앞선 &lt;기획편&gt;에서는 AI가 우리 브랜드처럼 생각하고 움직이게 만드는 '시스템 설계'와 '브랜드 DNA 추출법'을 다뤘습니다. 설계도가 완벽해야 공장이 오작동하지 않듯, 앞선 과정은 자동화의 필수 전제 조건입니다.&nbsp;혹시 아직 나만의 공장 설계도를 만들지 못했다면, 1편의 가이드를 먼저 확인해 보세요. 시스템이 준비되었다면, 이제 본격적으로 나만의 자동화 공장에서 카드뉴스를 쏟아낼 시간입니다.&nbsp;&nbsp;🌟중요. 이 글의 결론에는 &lt;기획편&gt;에 이어 &lt;실전편&gt;까지 완독하신 독자들을 위한 특별 부록이 준비되어 있어요. 끝까지 천천히 잘 따라와주세요! 자, 그럼 이제 바로 4장 시작합니다.

주제가 정해지고 Storyline.md까지 채우셨으면, 이제 진짜 카드를 만들 차례입니다. 이 장은 3장에서 만든 Storyline을 읽어서 카드뉴스로 변환해주는 '공장 설비 3개'를 한 번에 구축하는 과정이에요.&nbsp;4장부터는 '클로드 코드'나 'CLAUDE.md' 같은 낯선 단어가 나옵니다. 개발자만 쓰는 도구처럼 보이시나요? 제가 처음 봤을 때 딱 그랬거든요. 근데 실체는 그냥 메모장에 한글로 쓰는 설명서 몇 장입니다. 폴더 만들고, 거기에 텍스트 파일 4개 저장하는 게 전부예요. 그 파일들을 클로드가 매번 알아서 읽어주기만 하는 것뿐이지요. 막히는 지점이 있으면 언제든 '방식 1(클로드 웹으로만 하기)'로 돌아가셔도 됩니다. 아래에 설명해 드릴게요.&nbsp;✅ 먼저 역할 분담부터 짚고 가기이 파이프라인에서 클로드가 하는 일과 사람(마케터)이 하는 일이 완전히 다릅니다. 헷갈리지 않도록 먼저 정리합니다.

<q><ul><li>클로드가 하는 것: 1080×1350 원본 크기로 완성된 카드뉴스 HTML 8장. 텍스트·컬러·레이아웃·CTA까지 전부 들어간 상태로, 브라우저에서 바로 열어볼 수 있습니다.</li><li>사람(마케터)이 하는 것: HTML 결과를 2가지 트랙 중 하나로 발행까지 가져가는 것<ul><li>트랙 A: HTML을 바로 PNG로 뽑아서 업로드 (10분 내)</li><li>트랙 B: 이미지·일러스트 덧입힘이 필요할 때만, Figma 플러그인으로 이식 후 편집 (15~20분)</li></ul></li></ul></q>여기서 중요한 포인트 하나. 핵심 설비는 '재사용 가능한 설정 파일(brand.js)'과 '완성된 HTML'입니다. 이 글에서는 Figma 예시로 트랙 B를 설명하지만, 회사 표준이 PPT/Canva라면 HTML을 PNG로 뽑아 슬라이드에 붙이거나, 별도 변환 도구로 이식하는 식으로 같은 흐름을 적용할 수 있어요. 공장의 핵심은 '툴이 아니라 파일 구조'에 있어요.&nbsp;✅ 클로드 코드? CLAUDE.md? 처음 들어요앞서 말한 것처럼, 이 글에서 이야기하는 '파이프라인'은 두 가지 방식으로 운영할 수 있습니다.<blockquote>👶 방식 1 (초심자 추천): 클로드 웹만 써서 돌리기<ul><li>지금 여러분이 평소에 쓰는 그 클로드입니다. 설치할 것 없습니다.</li><li>1장의 문체 카드, 편집자 체크리스트, 브랜드 규칙 같은 '설명 문서'를 메모장이나 노션에 저장해둡니다.</li><li>카드뉴스 작업을 시작할 때마다, 이 문서들을 프롬프트 맨 위에 복사해서 붙여넣습니다.</li><li>이를 기반으로 피그마 / PPT / Canva 등 디자인 툴로 카드뉴스를 직접 만듭니다.</li></ul></blockquote><blockquote>🧑 방식 2 (진짜 공장 가동): 클로드 코드로 자동화<ul><li>클로드 코드는 클로드의 "데스크탑/터미널용" 버전입니다. 카드뉴스 작업 폴더에서 클로드 코드를 실행하면, 폴더 안 파일들을 매번 자동으로 읽습니다. 붙여넣기가 사라집니다.</li><li>이때 폴더 안에 CLAUDE.md라는 이름으로 설명 문서를 두면, 클로드가 그 폴더를 열 때 무조건 먼저 읽습니다. 이건 Anthropic이 정해둔 이름 약속일 뿐이고, 내용은 그냥 평범한 텍스트예요 — "이 폴더에서 뭘 어떻게 해야 하는지"의 설명서입니다.</li><li>brand.js, LayoutGuide.md 같은 파일들도 마찬가지로 클로드가 매번 자동으로 참고하는 설명 문서입니다. 이름이 기술적으로 보일 뿐 내용은 "우리 브랜드 컬러는 이거다", "카드 레이아웃 규칙은 이거다" 같은 평범한 설명이에요.</li></ul></blockquote>✅ 어떤 방식을 먼저 시작해야 할까?처음엔 방식 1로 시작하세요. 카드뉴스 3~5건을 만들어보고 'AI와 같이 일하는 건 어떤지' 느낌이 올 때, 그때 방식 2로 올라가면 됩니다. 이 장의 나머지 설명은 방식 2 기준으로 쓰여 있지만, 내용 자체는 방식 1에서도 그대로 쓸 수 있습니다. '파일을 저장해두고 자동으로 읽힌다'를 '메모장에 저장해두고 매번 복붙한다'로 바꿔서 읽으시면 됩니다.&nbsp;추가로, 이 글 마지막에서는 클로드가 만든 HTML을 Figma로 가져가서 편집하는 법(트랙 B)까지 보여드립니다. 여기까지 도달한다면 '진짜 공장장'이 될 수 있어요.&nbsp;<h3>클로드 코드로 진짜 카드뉴스 공장 만들기&nbsp;</h3>먼저 내 컴퓨터에 카드뉴스 작업 폴더를 하나 만드세요. 이름은 자유예요. 저는 'cardnews'라고 만들었어요. 이 폴더 안에 앞으로 4개의 텍스트 파일을 저장할 거예요.<figure class="image"><img src="https://d3oth3oks7q81w.cloudfront.net/images/2026/04/30/1777520978_M8q0lCDEWIodu6LpO8Jwn8WqwPiKjzotk5Mm3fd4.png"><figcaption>©이경은</figcaption></figure>파일 4개의 역할제가 클로드 코드와 작업하는 카드뉴스 폴더에는 4개의 핵심 파일이 있습니다.<q>1️⃣ Storyline.md: 이번 주제에 채워 넣을 카드별 내용 (훅 문구, 본문 포인트, CTA) / 마케터가 채운다. 매번 새로 쓰는 유일한 파일.2️⃣ brand.js: 브랜드 설정 (컬러 · 폰트 · 1080×1350 캔버스 규격 · CTA 공식 · 체크리스트) / 처음 한 번만 설정. 파일 형식이 JavaScript인데, 겁먹을 필요가 없는게, 클로드가 만들어줘요.3️⃣ LayoutGuide.md: 카드뉴스 디자인 규칙서 (브랜드 색상, 구조, 글자수 상한, 공통 요소) / 읽기 전용4️⃣ CLAUDE.md: 클로드에게 주는 작업 SOP / 시스템이 자동으로 읽는다이 구조에서 제가 매번 하는 일은 Storyline.md를 채우는 것 하나입니다. 나머지 3개는 '공장 설비'라서 한 번만 만들어두면 계속 재활용돼요.</q>[프롬프트 예시]<q>brand.js와 LayoutGuide.md를 참고해서아래 주제로 8장 카드뉴스 HTML을 만들어줘.주제: 클로드 코드로 카드뉴스 공장 만들기8장 구조 그대로, 글자수 상한 체크해줘.</q>클로드가 나머지 파일을 읽고, 1080×1350 원본 크기 HTML 미리보기 파일을 바로 만들어줍니다. 브라우저로 열면 카드들이 완성된 모습이 보여요.<figure class="image"><img src="https://d3oth3oks7q81w.cloudfront.net/images/2026/05/02/1777711459_1EI6IZUikJt8tMkAxSyiMhgbXfjEfLbeh3Cv6pNY.png"><figcaption>©이경은</figcaption></figure>8장 전부 이 포맷으로 정리되고, 그대로 1080×1350 HTML 미리보기 파일로 렌더됩니다. 이제 여러분 앞엔 브라우저에서 바로 확인 가능한 완성된 카드뉴스 8장이 있어요. 여기서부터 2가지 트랙으로 갈라집니다.<blockquote>📍 트랙 A: HTML을 바로 PNG로 뽑기 (일상 80%)텍스트 중심 카드뉴스(팁 모음, 리스트, 체크리스트, 단계 설명)는 이미 HTML 단계에서 완성돼요. 그냥 브라우저 인쇄 기능이나 스크린샷 도구로 1080×1350 영역을 PNG로 뽑으면 발행용 이미지가 나옵니다. 더 편하게는 클로드에게 "8장 PNG로 저장해줘"라고 하면 자동 캡처까지 해줘요. (평균 5분)</blockquote><blockquote>📍 트랙 B: Figma로 가져가 편집 (이미지 덧입힘 필요할 때)사진·일러스트를 얹거나, 디자이너 감각으로 세부를 다듬고 싶은 카드뉴스(포트폴리오, 대표 콘텐츠, 브랜드 캠페인)는 Figma로 가져갑니다. 뒤에서 방법을 보여드릴게요. (평균 15~20분)</blockquote>저는 매일 제작하는 카드뉴스의 80%는 트랙 A로 끝내고, 이미지가 꼭 필요한 20%만 트랙 B로 갑니다. 두가지 트랙을 분리하는 것이 공장의 진짜 속도 비결이에요.&nbsp;피드백 루프, 이것이 '공장'의 진짜 매력여기서 진짜 놀라운 것이 생깁니다. 완성된 HTML을 보면서 "3번 카드 글자가 너무 크다"고 말하면, 클로드가 brand.js의 폰트 크기 값 한 줄만 바꿔서 8장 전체에 자동 반영해줘요. 카드 1장씩 손으로 고치는 게 아니라, 설비 한 군데만 조정하면 라인 전체 결과물이 바뀝니다.&nbsp;CLAUDE.md가 가장 중요한 파일이다4개의 작업 파일 중에 제일 중요한 것이 CLAUDE.md입니다. 클로드 코드나 클로드 웹의 프로젝트 기능에서 이 폴더를 열면, 클로드가 CLAUDE.md를 자동으로 먼저 읽습니다. 그 안에는 이 폴더에서 무슨 일을 어떻게 해야 하는지가 적혀 있습니다 — 카드뉴스 작업 SOP입니다.&nbsp;제 폴더의 CLAUDE.md에는 이런 내용이 들어 있습니다.<q># 카드뉴스 시스템&nbsp;## 목적인스타그램 카드뉴스를 반복 제작할 수 있도록,재사용 가능한 디자인 토큰과 레이아웃 가이드를 둔다.&nbsp;## 기본 규칙 (세션 시작 시 자동 로드)1. 색·수치·문구는 brand.js 토큰만 사용. 하드코딩 금지.2. 기본 캔버스는 1080×1350 (4:5).3. 카드 수는 기본 8장, 허용 범위 7~10장.4. 마지막 카드는 반드시 CTA.5. 글자수 검증은 validateCard()로.&nbsp;## 작업 시작 시 체크1. 이 CLAUDE.md 읽기2. LayoutGuide.md 훑기3. brand.js의 CHECKLIST로 배포 전 점검</q>이 파일이 있으면 저는 매번 설명하지 않아도 됩니다. "이 Storyline으로 8장 HTML 만들어줘" 한 줄이면 끝입니다. "1080×1350으로 해줘", "라벤더 배경으로 해줘", "Pretendard 폰트로 해줘" 같은 건 한 번도 안 썼어요. 다 CLAUDE.md + brand.js가 알려주거든요.&nbsp;이것이 파이프라인의 핵심입니다. 클로드가 '컨텍스트(맥락)'를 가지고 있다는 것. 프롬프트는 대화마다 새로 줘야 하지만, CLAUDE.md는 한 번 써두면 매번 자동으로 읽힙니다.&nbsp;4개의 파일, 클로드가 처음부터 같이 만들어준다그렇다면 이 4개의 파일은 사람이 직접 만들어야 할까요? 아닙니다. 이 시스템을 처음 구축할 때 개발자가 필요 없습니다. 클로드에게 순서대로 요청하면 됩니다. 제가 이걸 실제로 만든 과정이 정확히 아래 4단계였어요.&nbsp;🔶 Step 1. brand.js : 브랜드 설정 파일 (처음 한 번)1~3장에서 본인 카드뉴스 샘플을 분석하셨죠? 그 분석 결과를 이제 재사용 가능한 설정 파일로 옮길 차례입니다. 클로드에게 이렇게 요청하세요.<ul><li>클로드 코드에서: 작업 폴더에서 아래 프롬프트를 입력하면 'brand.js'가 자동 생성됩니다.</li><li>클로드 웹에서: 아래 프롬프트를 실행하고, 결과물을 복사해 메모장에서 'brand.js'라는 이름으로 저장하세요.</li></ul>&nbsp;[프롬프트 예시]<q>내 카드뉴스 스타일 가이드를brand.js 단일 소스 파일로 만들어줘:- 색·폰트·캔버스 치수- CTA 공식- 카드 수 상한·글자수 상한- 배포 전 체크리스트&nbsp;앞으로 모든 카드뉴스 작업에서 import해서 쓸 수 있게.</q>클로드가 분석 결과를 쪼개서 brand.js 한 파일로 정리해줍니다. 제가 받은 건 총 193줄짜리 파일이었고, 컬러 11개 · 폰트 사이즈 7단계 · 카드 수 제한 · CTA 템플릿 3종 · 체크리스트 16개가 들어있었어요.&nbsp;🔶 Step 2. LayoutGuide.md : 디자인 규칙서 (처음 한 번)사람이 매번 펼쳐보는 규칙 설명서입니다. Step 1에 이어서 바로 요청하면 돼요.&nbsp;[프롬프트 예시]<q>방금 만든 brand.js를 사람이 읽을 수 있는LayoutGuide.md 규칙서로도 정리해줘.brand.js가 기계용 단일 소스라면,이건 내가 카드뉴스 만들 때 펴보는 지침서야.</q><blockquote>💡 Tips. 부록 워크시트의 파일 패키지에서 받아서 쓰셔도 됩니다 (내 브랜드에 맞게 수정해서 사용도 가능, 물론 클로드에게 해달라고 하면 됩니다).</blockquote>🔶 Step 3. CLAUDE.md : 작업 SOP 파일 (처음 한 번)위 'CLAUDE.md 예시'를 그대로 복사해서 카드뉴스 작업 폴더에 'CLAUDE.md'라는 이름으로 저장하면 됩니다. 메모장이나 텍스트 편집기에서 저장할 수 있어요. 브랜드별로 고치고 싶은 부분만 손보면 됩니다.&nbsp;🔶 Step 4. Storyline.md : 3장에서 만든 파일여기까지 오시면 brand.js · LayoutGuide.md · CLAUDE.md, 공장 설비 3개가 모두 갖춰진 상태예요.&nbsp;마지막 퍼즐은 3장에서 배운 Storyline.md입니다.&nbsp;매주 카드뉴스 주제가 정해지면, 3장의 방법대로(대화형 채우기 → 복사+변주) Storyline을 한 장 만드시고, 이 폴더에 001-storyline.md, 002-storyline.md… 식으로 저장해두세요. 나머지 3개 파일이 Storyline을 읽어서 8장을 뽑아줍니다.&nbsp;위 4단계를 처음에 한 번 하면 시스템이 완성됩니다. 제 경우 총 1시간 반 정도 걸렸어요. 이후에는 Step 4(Storyline)만 복사해서 주제 · 훅 · 본문만 교체하고 재실행하면 됩니다.<blockquote>💡 Tips. 파일 4개의 실제 내용(내 브랜드 컬러·폰트·SOP)은 부록 워크시트 'Part 3. 파이프라인 설계 — 3-1. 내 파이프라인 설계'에 먼저 정리해 두세요. 거기서 정리한 내용을 그대로 brand.js / CLAUDE.md에 옮겨 담으면 됩니다.&nbsp;</blockquote>🔎 트랙 B 상세 : HTML을 Figma로 가져가서 편집하기이미지·일러스트 덧입힘이 필요한 20%의 카드뉴스에 쓰는 경로입니다. 제가 실제로 테스트해본 방법을 공유드립니다.<q>1. 터미널에서 카드뉴스 예시 폴더로 이동 후, 로컬 서버를 한 줄 띄웁니다:&nbsp;&nbsp;&nbsp;```&nbsp;&nbsp;&nbsp;python3 -m http.server 8000&nbsp;&nbsp;&nbsp;```(이게 뭔지 몰라도 돼요. '내 컴퓨터 안의 HTML 파일을 Figma가 읽을 수 있게 잠깐 문을 열어두는 것'입니다.)&nbsp;2. Figma에서 빈 디자인 파일을 열고, 'html.to.design'이라는 커뮤니티 플러그인을 설치합니다. (<a target="_blank" rel="noopener noreferrer" href="https://html.to.design/home">https://html.to.design/home</a>, 월 10회까지 무료)&nbsp;3. 플러그인을 실행하면, 8장 카드가 1080×1350 원본 크기로 Figma에 레이어 단위로 들어옵니다. 텍스트는 편집 가능한 상태고, 컬러·보라 물결 언더라인·회색 박스까지 그대로 편집 가능한 형태로 유지됩니다.</q><figure class="image"><img src="https://d3oth3oks7q81w.cloudfront.net/images/2026/04/30/1777523296_yGzCOs7QRoXpG7egHfJcdTYPXH7uugH6IA9BbYqz.png"><figcaption>©이경은</figcaption></figure>이 단계까지 오면 Figma에서 이미지 넣고, 발행용 PNG로 내보내면 끝입니다.&nbsp;&nbsp;🙋‍♀️ 여기서 잠깐, 처음 질문으로 돌아가봅시다<blockquote>"나는 클로드로 카드뉴스를 쓰고 있나, 아니면 클로드로 카드뉴스 시스템을 만들고 있나?"</blockquote>지금껏 1장부터 4장까지 쭉 해온 것은 전부 후자, '시스템 만들기'였습니다. 기존 콘텐츠를 분석한 것도, 캘린더 버킷을 설계한 것도, 스크립트를 5분 만에 뽑은 것도, 파일 4개를 정리한 것도 — 한 번의 카드뉴스를 더 잘 쓰기 위한 게 아닌, 다음 50건의 카드뉴스가 자동으로 같은 퀄리티로 나오기 위한 작업이었죠.&nbsp;시스템이 완성되면 마지막 한 걸음이 남아요. 시스템이 만든 결과물에서 'AI가 만들었다는 티'를 지우는 단계. 그리고 자동화하면 안 되는 것을 명확히 선 긋는 단계입니다.

최대 30%할인 받고 구독 시작하기

딱 한 달만! 망설이면 놓치는 기간 한정 혜택!

클로드, 채팅만 하기엔 아깝잖아요. 제대로 쓰고 싶은 분들을 위해 준비했습니다. 성과 내는 기획부터 나만의 제작 공장 구축까지, 실무 밀착형 콘텐츠만 꾹꾹 담았어요. 연휴 동안 정주행 해보세요. 업무 효율이 전과는 비교도 안 되게 빨라집니다.

제작 시간 80% 단축! 클로드로 구축하는 '카드뉴스 자동화 공장' (실전편)

이렇게만 하면 '카드뉴스 공장' 가동 준비 완

4장. 텍스트 파일 4개가 '카드뉴스 공장 매뉴얼'이 된다

시리즈

5월 연휴에 끝내는 클로드 활용법: 남들 놀 때 '자동화 공장' 하나 만드시죠