본문 바로가기
스터디 열기

모집 카드뉴스

교육생 모집, 행사 안내, 채용 공고. 알릴 일이 생기면 인스타그램과 블로그에 올릴 카드뉴스가 필요합니다. 4장의 가상 공고에도 "교육생 모집 홍보 지원(홍보물 1종 제작)"이 과업으로 들어 있었습니다. 이 절에서는 모집 안내 자료 한 장을 주고 instagram-card-news Skill로 카드뉴스 여섯 장을 받습니다. 결과는 HTML 파일 하나이고, 그 파일을 브라우저에서 열어 글자를 고치고 PNG로 저장합니다.

위니브는 이렇게 씁니다

8월에 모집 요강을 여덟 장으로 옮긴 카드뉴스입니다

8월에 모집 요강을 여덟 장으로 옮긴 카드뉴스입니다. 장마다 아래 검은 띠에 다음 장으로 넘기게 하는 한 줄을 달고, 마지막 장에 QR을 두는 위니브의 예전 카드뉴스 서식 그대로입니다.

지금 쓰는 Skill은 10월에 마지막으로 고친 것입니다. 위니브의 Figma 마케팅 디자인 템플릿을 Claude에게 읽혀 글자 크기·굵기·여백·색을 숫자로 재어 옮긴 새 서식(코발트 표지, 연한 파랑 내지, 흰 카드)이 기본이고, 위 그림 같은 예전 카드뉴스 60여 장과 Figma 원본의 카드 수백 장을 같은 방법으로 잰 '아카이브 서식'이 함께 들어 있습니다. 특별한 말이 없으면 새 서식으로 만듭니다.

Skill에는 원칙이 하나 더 적혀 있습니다. Claude는 PNG를 대신 뽑아 주지 않습니다. Claude가 일하는 환경에는 위니브가 쓰는 글꼴(Pretendard)이 없어서, 거기서 찍은 그림은 글자 모양과 줄바꿈이 달라집니다. 그래서 결과는 HTML 파일 하나이고, 사람이 자기 브라우저에서 열어 오탈자를 고치고 블록 위치를 손본 뒤 직접 저장합니다. 날짜 한 줄, 위치 몇 픽셀 때문에 다시 요청할 일이 없어집니다.

받을 Skill과 안에 든 것

instagram-card-news.zip을 1장에서 한 대로 올립니다.

들어 있는 것하는 일책에 실으며 바꾼 것
SKILL.md작업 순서, 두 서식의 카드 유형과 분량 규칙, 블록 위치 조정용 표시 규칙, 저장 방식그림 안내 두 곳을 샘플 그림에 맞게 고침. company-info Skill을 먼저 읽는 절을 더함
assets/template.html카드 엔진(편집 툴바, 위치 조정, 저장)과 2026 서식 5장·아카이브 서식 11장 예시예시 카드의 강의실 주소·학원 등록번호·훈련비·협력 기관 이름을 샘플로
references/design-language.mdFigma와 아카이브에서 잰 색·글자·여백 값Figma 파일 주소와 참고 그림, 예시 기자 이름을 뺌
scripts/그림을 HTML 안에 넣어 한 파일로 묶기, 화면에 띄워 넘침·겹침 검사, QR 만들기그대로
assets/images/원본: 대표·강사 사진, 위니브 캐릭터 원화 10종, 3D 오브젝트, 장식, 다른 회사 로고, 로고 벡터, QR모두 빼고 글자 로고·샘플 인물·데이터 일러스트·QR(weniv.co.kr)을 코드로 그려 넣음

원본 표지는 대표 사진과 디자이너가 그린 3D 일러스트로 꾸밉니다. 책의 사본에서는 그 자리에 '샘플' 표시가 있는 도형 그림이 들어갑니다. 실제로 쓸 때는 여러분 회사의 사진이나 그림을 함께 첨부하면 그것을 씁니다.

준비물

  • Skill: instagram-card-news.zip
  • 모집 안내 자료: practice-ch8-recruit.md. 4장 가상 공고의 교육(제주다온일자리센터 재직자 AI 업무 활용 교육, 4회 16시간)을 알리는 자료입니다. 일정, 장소, 대상, 비용, 회차별 내용, 신청 방법이 들어 있습니다. 신청 주소와 전화번호는 가상입니다.
  • PNG로 저장할 때는 인터넷이 연결된 크롬이나 엣지가 필요합니다.

요청하기

새 대화에 모집 안내 자료를 첨부하고 아래 문장을 붙여 넣습니다.

첨부한 모집 안내로 인스타그램 카드뉴스를 만들어 줘. 5~6장으로.

결과

모집 안내 자료 한 장이 표지·공감·과정 소개·회차·일정·신청 순서의 카드 여섯 장이 되었습니다

Claude Code(Sonnet)로 위 요청을 그대로 넣어 받은 여섯 장입니다. 1분 남짓 걸렸습니다. 순서는 Skill에 적힌 2026 서식의 기본 흐름(표지 → 공감 → 과정 소개 → (결과물·대상) → 일정·조건 → 신청 절차) 그대로이고, 괄호 속 골라 넣는 장에는 회차별 결과물을 넣었습니다. 표지 위쪽 일러스트에는 '샘플 그림' 표시가 그대로 보입니다. Claude도 답변에서 "실제 이미지로 바꾸거나 표시를 가려야 한다"고 알렸습니다.

Skill의 검사 스크립트는 여섯 장 모두 글자 넘침과 블록 겹침이 없다고 보고했습니다. Claude는 미리보기 그림을 열어 보다가 마지막 장의 위니버시티 로고를 빼고 다시 묶었는데, 그 뒤의 미리보기와 2·3장은 눈으로 확인하지 못했다고 답변에 스스로 밝혔습니다. 검사 스크립트가 잡는 것은 넘침과 겹침까지라, 한 장씩 넘겨 읽는 일은 사람에게 남습니다.

다섯째 장: 날짜는 크게, 장소·대상·비용·준비물은 흰 안내 카드에 넣었습니다

다섯째 장은 2026 서식의 '일정·조건' 장입니다. 날짜만 굵은 큰 숫자로 쓰고, 나머지는 흰 카드 안에 줄을 나눠 넣었습니다. 그런데 제목의 "12월, 나흘간"은 12월 2일부터 나흘 내리 교육하는 것으로 읽힐 수 있습니다. 실제로는 2주에 걸쳐 수·금 네 번입니다. 이런 것은 사람이 읽어야 잡힙니다.

받은 HTML 파일을 브라우저로 열면 위쪽에 툴바가 있습니다.

  1. 글자 수정을 누르고 카드 안 글자를 클릭해 바로 고칩니다. "12월, 나흘간"을 "12월, 네 번"으로 고치는 식입니다.
  2. 위치 조정을 누르고 블록을 끌어 옮깁니다. 카드 가운데와 여백선에 자석처럼 붙습니다.
  3. Ctrl+S로 수정본 HTML을 저장해 둡니다. 다시 열어도 이어서 고칠 수 있습니다.
  4. 모두 저장 (ZIP) 을 누르면 장마다 PNG가 ZIP 하나로 내려받아집니다. 이 결과물로 시험해 보니 2160×2700 크기의 PNG 여섯 장이 나왔습니다. 인스타그램 4:5 비율의 두 배 해상도입니다.

확인할 것

  • 날짜와 요일: 12월 2일(수), 4일(금), 9일(수), 11일(금)이 모든 장에서 같은지 봅니다. 마감일 12월 1일(화) 18:00도 표지와 마지막 장이 같아야 합니다.
  • 오해할 만한 문장: "나흘간"처럼 사실과 다르게 읽힐 수 있는 줄이 없는지 소리 내어 읽어 봅니다.
  • 샘플 표시: '샘플 그림'이 찍힌 그림이 남아 있으면 우리 그림으로 바꾸거나 위치 조정에서 Del로 숨깁니다.
  • 연락처와 주소: 실습 자료의 가상 주소(example.com)와 전화번호가 들어 있습니다. 실제로 올릴 때는 반드시 바꿉니다.
  • 글꼴 경고: 저장할 때 툴바에 빨간 경고가 떠 있으면 글꼴이 안 불러와진 것입니다. 인터넷 연결을 확인하고 새로 고친 뒤 저장합니다.

우리 회사로 바꾸려면

  • 로고: ZIP을 풀어 assets/images/의 logo-weniv.svg(파랑)·logo-weniv-white.svg(흰색)·logo-weniv-ink.svg(검정)를 같은 이름의 우리 회사 로고 SVG로 바꿔 넣고 다시 압축합니다. 템플릿이 이 이름을 그대로 부릅니다.
  • 사진과 그림: 요청할 때 사진을 함께 첨부하고 "표지에 이 사진을 써 줘"라고 합니다. 배경을 지운 PNG면 더 자연스럽습니다. 자주 쓰는 그림이라면 assets/images/에 넣고 INDEX.md에 한 줄 적어 둡니다.
  • 색: 서식 색은 코발트·연한 파랑·블루·슬레이트 네 가지로 정해져 있습니다. 회사 색이 다르면 "카드뉴스 Skill의 2026 서식 색을 우리 회사 색 ○○로 바꿔 줘"라고 요청해 Skill을 고쳐 씁니다.
  • 디자이너가 있다면: 위니브가 한 것처럼, 디자이너의 Figma 템플릿이나 지난 카드뉴스 몇 장을 주고 "이 서식의 글자 크기·여백·색을 재어 카드뉴스 Skill의 새 서식으로 넣어 줘"라고 할 수 있습니다. 디자이너는 서식을 만들고, 반복되는 카드는 Skill이 뽑는 식으로 일이 나뉩니다.

마지막 수정