포스터와 X배너

같은 모집 안내로 게시판에 붙일 A3 포스터와 교육장 입구에 세울 X배너를 만듭니다. 카드뉴스는 휴대폰 화면에서 한 장씩 넘겨 읽지만, 포스터는 지나가다 3초 안에 읽혀야 하고 X배너는 몇 걸음 떨어져서 읽힙니다. 그래서 같은 내용이라도 덜어 내는 것이 일의 대부분입니다. 이 절에서는 weniv-poster Skill로 두 가지를 한 번에 받습니다.

위니브는 이렇게 씁니다

저는 다른 책(『AI 시대 자녀 진로, 부모는 무엇을 해야 할까』)에 이렇게 썼습니다.

포스터는 아직 사람이 만듭니다. 정보를 어떻게 배치할지, 무엇을 넣고 무엇을 뺄지 사람이 판단해야 할 몫이 아직 많기 때문입니다.

weniv-poster Skill이 만드는 것도 완성본이 아니라 사람이 손볼 초안입니다. 결과 HTML을 브라우저에서 열면 카드뉴스와 같은 툴바가 있고, 사람이 글자를 고치고 덩어리를 끌어 옮긴 뒤 인쇄소에 보낼 PDF를 직접 저장합니다. Skill 안에는 실제 위니브 포스터(바이브 코딩 부트캠프)에서 뽑은 배치 패턴과, 카드뉴스와 같은 Figma 마케팅 템플릿에서 잰 색·글자 값이 들어 있습니다. 같은 행사의 카드뉴스·포스터·X배너를 같은 서식으로 맞추면 한 세트로 보입니다.

Skill이 Claude에게 일러 두는 마감 원칙은 이렇습니다.

넘치면 글자를 줄이지 말고 내용을 덜어낸다. 포스터에 다 쓰지 말고 QR 너머로 보낸다.

받을 Skill과 안에 든 것

weniv-poster.zip을 1장에서 한 대로 올립니다.

들어 있는 것	하는 일	책에 실으며 바꾼 것
`SKILL.md`	작업 순서, 예시 6가지 고르는 법, 규격(A4~B2 세로, X배너 600×1800mm)·안전 여백·글자 크기 하한·QR 크기 같은 회사 표준, 인쇄 해상도 안내	그림 안내를 샘플 그림에 맞게 고침. company-info Skill을 먼저 읽는 절을 더함
`assets/template.html`	포스터 엔진(글자 수정, 위치 조정, 용지·도련 선택, PDF·PNG 저장)과 예시 6장(국비과정 모집, 부트캠프, 해커톤, 특강, 기관 협력, X배너)	예시의 전화·주소·학원 등록번호·연사 이름·협력 기관 이름·자비부담금을 샘플로
`references/design-language.md`	3거리 읽기(3m·1m·30cm), 스킨 8가지, 글자 위계, 하단 바 규칙, Figma 실측값	Figma 파일 주소와 참고 포스터 그림을 뺌
`scripts/`	한 파일로 묶기, 넘침·겹침·외톨이 줄 검사, 인쇄용 QR 만들기	그대로
`assets/images/`	원본: 대표·강사 사진, 모델 인물 사진, 위니브 캐릭터 원화 10종, 행사·강의실 사진, 3D 오브젝트, 다른 회사 로고, 실제 포스터	모두 빼고 글자 로고, 샘플 인물·캐릭터, 로켓·트로피·선물상자·노트북·수료증 그림을 코드로 그려 넣음

준비물

Skill: weniv-poster.zip
모집 안내 자료: 앞 절과 같은 practice-ch8-recruit.md
인쇄소에 보낼 PDF를 저장할 크롬이나 엣지

요청하기

새 대화에 모집 안내 자료를 첨부하고 아래 문장을 붙여 넣습니다. 용지 크기와 붙일 곳을 같이 말하는 것이 요점입니다. Skill은 용지에 따라 글자 크기와 그림 해상도를 따집니다.

첨부한 모집 안내로 센터 게시판에 붙일 A3 포스터 한 장과 행사장에 세울 X배너 한 장을 만들어 줘.

결과

같은 모집 안내가 A3 포스터(왼쪽)와 X배너(오른쪽)가 되었습니다. 둘 다 위에서 멀리 읽을 것, 아래에서 가까이 읽을 것 순서입니다

Claude Code(Sonnet)로 위 요청을 그대로 넣어 받은 두 장입니다. 2분이 안 걸렸고, 결과는 포스터와 X배너 HTML 파일 각각 하나입니다.

A3 포스터는 Skill의 기본 모집 서식입니다. 위쪽 코발트 영역에 멀리서 읽을 제목("내 업무 문서, AI로 직접 만듭니다")과 마감일, 아래쪽 연한 파랑 영역에 가까이서 읽을 날짜·장소·인원·비용과 신청 QR을 두었습니다. QR은 모집 안내의 신청 주소로 새로 만든 것입니다. 맨 아래 띠에는 주최·운영·문의가 들어갔습니다.

X배너는 세로로 긴 판이라 눈높이쯤에 제목을 두고, 가운데를 스마일 그래픽으로 비운 뒤, 아래에 일정·장소·대상·비용 네 줄과 QR을 두었습니다.

Claude가 스스로 뺀 것도 있습니다. 회차별 주제 표와 "이런 분께 권합니다"는 A3에 넣으면 글자가 작아져서 뺐고, 필요하면 QR 너머 신청 페이지로 보내라고 답변에 적었습니다. Skill에 적힌 '덜어 내기' 원칙 그대로입니다. 무엇을 다시 넣을지는 사람이 정할 몫입니다.

받은 파일로 저장도 시험해 봤습니다. 툴바의 PNG 저장은 A3 300dpi 기준 3507×4961 크기 그림을 내려받았고, 인쇄용 설정으로 PDF를 만들어 보니 A3 크기(297×420mm) 한 쪽이 나왔습니다.

확인할 것

3m 거리: 화면을 축소해 손톱만 하게 보고도 제목과 날짜가 읽히는지 봅니다. 포스터의 주인공은 하나여야 합니다.
QR: 휴대폰 카메라로 화면의 QR을 찍어 신청 페이지가 열리는지 봅니다. 실습 자료의 주소는 가상(example.com)이라 실제로 쓸 때는 주소를 바꾸고 QR을 다시 만들어 달라고 합니다.
뺀 것: Claude가 뺐다고 알린 내용 가운데 꼭 들어가야 할 것이 있는지 정합니다. 넣는다면 다른 무엇을 뺄지도 같이 정합니다.
샘플 그림: 포스터 오른쪽 위 일러스트에 '샘플 그림' 표시가 있습니다. 인쇄 전에 우리 그림으로 바꾸거나 숨깁니다.
인쇄 설정: 툴바의 PDF 저장(인쇄) 을 누르고 인쇄 창에서 대상 'PDF로 저장', 여백 '없음', '배경 그래픽' 켜기. 인쇄소가 도련을 요구하면 툴바의 '도련 3mm'를 켜고 저장합니다.
해상도 경고: 툴바가 회색 줄로 "150dpi 아래"를 알리는 그림이 있으면 그 그림은 인쇄에서 흐려집니다. A2 이상으로 키울 때 특히 봅니다. 글자·로고·도형은 PDF에서 벡터라 크기와 상관없이 선명합니다.

우리 회사로 바꾸려면

로고: ZIP을 풀어 assets/images/의 logo-weniv.svg·logo-weniv-white.svg·logo-weniv-ink.svg를 같은 이름의 우리 회사 로고 SVG로 바꿔 넣고 다시 압축합니다. 앞 절 카드뉴스 Skill과 같은 이름이라 두 Skill을 함께 바꾸면 됩니다.
주최·문의 띠: 기관 로고를 받으면 요청에 첨부하고 "하단 띠의 주최·주관을 이 로고로 바꿔 줘"라고 합니다. 흰 바탕 로고는 흰 상자 안에 넣게 되어 있습니다.
판형: 요청에 용지를 적습니다(A4·A3·A2·A1·B3·B2, X배너). 큰 판형일수록 사진보다 글자·도형 중심으로 만드는 편이 선명합니다. Skill도 그렇게 권합니다.
카드뉴스와 한 세트로: 두 Skill은 같은 색·글자 규격(코발트·연한 파랑 서식)을 씁니다. 같은 안내 자료로 따로 만들어도 한 세트로 보입니다. 무료 계정은 한 대화가 길어질수록 사용 한도를 빨리 쓰니, 카드뉴스와 포스터는 새 대화에서 따로 만드는 편이 낫습니다.

마지막 수정 2026.11.11