클로드 카드뉴스 스킬
v1.0.0 · 갱신 2026-10-19
옮길 글(블로그 글·메모 등)이나 주제를 주면 4:5 또는 1:1 카드뉴스 3~20장을 브라우저로 여는 결과 파일 하나로 만듭니다.
스킬이란 — AI 에 넣어 두는 zip 파일 하나입니다. 넣어 두면 대화로 요청할 때마다 AI 가 그 안의 순서와 점검 도구를 따라 같은 형식의 결과물을 만듭니다.
무료
무료 공개 · 개인·상업 프로젝트에 자유롭게 사용 · 출처 표기는 선택
PC 에서 받아 Claude.ai 에 올리세요
클로드 카드뉴스 스킬은 블로그 글·메모 같은 옮길 글을 주면 글씨 넘침·겹침·안 읽히는 색을 점검한 카드뉴스를 장별 PNG 로 저장할 수 있는 결과 파일 하나로 만듭니다. 무료로 받아 Claude.ai 와 Claude Code 에서 씁니다.
이런 분께
SNS 카드뉴스를 디자인 프로그램 없이 자주 만들어야 하는 분
- 마케터
- 1인 사업자
- 크리에이터
- 작동 환경
- Claude.ai · Claude Code
- 설치 안내
- Claude.ai Claude Code
- 준비물
- 옮길 글(블로그 글·메모 등) 또는 주제 한 줄 · 사진은 넣지 않습니다 · 브랜드 색과 로고는 선택 글만 있으면 됩니다
- 검증
- 시험 결과 14개 · 잘 나온 것만 고르지 않고 전부 공개 · 2026-10-19
안전 정보
- 인터넷 연결
- 하지 않음 — 결과 화면의 「이어 고치기」(이 사이트에서 마저 고치는 링크)를 누를 때만 이 사이트로 갑니다
- 로그인·API 키
- 묻지 않음
- 따로 깔 프로그램
- 없음
안전 정보 자세히 보기
- zip 확인 값(sha256)
b8393882e1d4ff18a59eb9415bd535f0a66dae0a5087c155f2cfcfbcfecf9fbb- Claude 가 실행하는 명령
node assets/check.mjs scene.json [kit.json]node assets/make.mjs scene.json result.html [kit.json]python assets/make.py scene.json result.html [kit.json]- 만드는 파일
- 결과 HTML 한 파일(명령에 적은 경로)
- 배포 전 검사
- 구성 파일 규약 · 예제 장면 그리기 · 설명서 형식 · zip 5MB 이하 · 허용된 파일만 · 바깥 연결 없음 · 금지 낱말 없음 · 비밀 값 없음 · 실행 범위 제한
- zip 안 파일 수
- 15개
「금지 낱말 없음」은 만든 쪽의 내부 경로나 내부 도구 이름처럼 배포 파일에 들어가면 안 되는 낱말을 zip 안 모든 파일의 본문과 파일 이름에서 찾아, 하나도 없음을 확인했다는 뜻입니다.
설치 방법
무료(Free) 요금제도 됩니다. Pro · Max · Team · Enterprise 요금제에서도 쓸 수 있고, Team · Enterprise 는 조직 관리자 설정을 따릅니다.
Claude.ai (PC 웹 브라우저 기준)
- Settings(설정) → Capabilities(기능) 에서 「Code execution and file creation」(코드 실행·파일 만들기)을 켭니다.
- Customize → Skills 에서 「+」 → 「+ Create skill」 → 「Upload a skill」(스킬 올리기)을 고릅니다.
- 받은 zip 을 풀지 않고 그대로 올립니다. 맥 Safari 가 받자마자 압축을 풀었다면, 풀린 폴더를 오른쪽 클릭 → 「압축」으로 다시 zip 을 만들어 올리세요.
설치한 뒤엔 이렇게 말하세요: 「이걸 카드뉴스로 만들어 주세요」
개발자용 (Claude Code)
zip 을 풀어 나온 폴더를 macOS · Linux 는 ~/.claude/skills/, Windows 는 %USERPROFILE%\.claude\skills\ 아래에 넣고 새 대화를 엽니다.
메뉴 이름은 영어 화면 기준입니다. 근거: Claude 도움말(스킬 사용) · Claude Code 문서(스킬 폴더) · Claude Code 문서(Windows 경로)
받는 것
- 장 구성 틀 7가지와 잡지·패널·노트 세 디자인 스타일
- 4:5(인스타 세로)·1:1(정사각) 비율, 한 번에 3~20장
- 장별 PNG 저장과 모두 저장(zip) 단추가 든, 브라우저로 여는 결과 파일 하나(result.html)
- 글씨 넘침·겹침·안 읽히는 색을 알려 주는 검사표
잘 맞는 경우
- SNS 카드뉴스를 디자인 프로그램 없이 자주 만들어야 하는 분
- 쓰는 곳: SNS 게시물 · 브랜드 소개
안 맞는 경우
- 사진을 넣거나 그림을 새로 그리지 않습니다. 아이콘은 함께 든 선 아이콘 목록에서만 고릅니다.
- 장마다 다른 강조색을 쓰지 않습니다. 강조색은 브랜드 색 하나만 씁니다.
- 3장보다 적거나 20장보다 많이 만들지 않습니다.
- 영상은 만들지 않습니다.
- 글자 수 상한을 넘는 글은 자르지 않습니다. 문장을 줄이거나 장을 나눠 다시 만듭니다.
- 이미지
- SNS 게시물
- 브랜드 소개
이렇게 말하면 이렇게 만듭니다
Claude 가 먼저 묻는 것
- 무엇으로 만들까요? 옮길 글(블로그 글·메모 등)을 붙이거나 주제를 한 줄로 적어 주세요.
- 몇 장으로 만들까요? 말하지 않으면 6~8장으로 만듭니다.
- 브랜드 색이나 로고가 있나요? 없으면 기본 색으로 만듭니다.
사용자 이걸 카드뉴스로 만들어 주세요. (메일 제목·본문 첫 줄·첨부 파일 이름을 쓰는 요령 세 문장을 붙여 넣음)
클로드 붙여 주신 메일 작성 요령으로 카드뉴스 7장(4:5, 1080×1350)을 만들었습니다. 장 수와 비율을 말씀하지 않으셔서 기본값으로 했고, 브랜드 색·로고가 없어 기본 색을 썼습니다. 붙여 주신 글에 없는 사실이나 숫자는 넣지 않았고, 점검 결과 글씨 넘침·겹침·안 읽히는 색 문제는 없습니다. 결과 파일(result.html)을 브라우저로 열면 장별 PNG 저장 단추와 모두 저장(zip) 단추가 있습니다.
직접 채워 보기
여기서는 내가 칸을 채워 미리 봅니다. 스킬을 쓰면 AI 가 대화로 채워 줍니다.
시험 결과
요청마다 만든 결과의 첫 장을 잡지 · 패널 · 노트 세 디자인 스타일로 나란히 놓았습니다. 그림을 누르면 크게 봅니다.
시험 방법과 표시 뜻
버전마다 정해 둔 요청 14개를 한 번씩만 넣고, 나온 결과를 잘 나온 것만 고르지 않고 전부 올립니다. 스타일을 정해 달라고 한 요청(아래 「14개 모두 보기」 안)은 그 스타일 이름 옆에 「요청」을 붙였습니다.
이 버전은 문제가 없습니다. 다듬을 곳이 있는 결과는 그 아래 「점검 내용 보기」에서 무엇인지 볼 수 있습니다. 문제는 글씨 넘침·겹침·안 읽히는 색처럼 결과에 그대로 보이는 것입니다. 다듬을 곳은 결과는 그렸지만 줄 끝 낱말이 어색하게 나뉘는 것처럼 고치면 더 좋은 점입니다.
점검 내용 보기 (2건)
- 잡지 문제 0 · 다듬을 곳 1
- 패널 문제 0 · 다듬을 곳 0
- 노트 문제 0 · 다듬을 곳 1
- 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「다섯 / 줄이면」 — 강조 「다섯 줄」이 줄을 넘어 갈린다
- 노트 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「다섯 / 줄이면」 — 강조 「다섯 줄」이 줄을 넘어 갈린다
점검 내용 보기 (3건)
- 잡지 문제 0 · 다듬을 곳 2
- 패널 문제 0 · 다듬을 곳 0
- 노트 문제 0 · 다듬을 곳 1
- 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「두 / 가지」 — 수와 단위가 떨어진다
- 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「두 / 가지」 — 강조 「두 가지 규칙」이 줄을 넘어 갈린다
- 노트 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「줄인 / 두」 — 짧은 두 낱말이 한 덩어리인데 떨어진다
14개 모두 보기
점검 내용 보기 (2건)
- 잡지 문제 0 · 다듬을 곳 2
- 패널 문제 0 · 다듬을 곳 0
- 노트 문제 0 · 다듬을 곳 0
- 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「적어야 / 끝납니다」 — 강조 「적어야 끝납니다」가 줄을 넘어 갈린다
- 잡지 · 다듬을 곳 · 줄 나눔 · 2장 — 줄 끝 「기록하지 / 않은」 — 강조 「기록하지 않은 결정」이 줄을 넘어 갈린다
점검 내용 보기 (4건)
- 잡지 문제 0 · 다듬을 곳 1
- 패널 문제 0 · 다듬을 곳 1
- 노트 문제 0 · 다듬을 곳 2
- 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「가지 / 대화와」 — 강조 「일곱 가지 대화」가 줄을 넘어 갈린다
- 패널 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「가지 / 대화와」 — 강조 「일곱 가지 대화」가 줄을 넘어 갈린다
- 노트 · 다듬을 곳 · 줄 나눔 · 4장 — 줄 끝 「약속과 / 규칙을」 — 나열된 말이 떨어진다
- 노트 · 다듬을 곳 · 줄 나눔 · 4장 — 줄 끝 「어떤 / 방식으로」 — 꾸밈말이 꾸미는 말과 떨어진다
점검 내용 보기 (1건)
- 잡지 문제 0 · 다듬을 곳 0
- 패널 문제 0 · 다듬을 곳 1
- 노트 문제 0 · 다듬을 곳 0
- 패널 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「동료의 / 첫」 — 「의」로 이어진 말이 떨어진다
점검 내용 보기 (2건)
- 잡지 문제 0 · 다듬을 곳 0
- 패널 문제 0 · 다듬을 곳 0
- 노트 문제 0 · 다듬을 곳 2
- 노트 · 다듬을 곳 · 줄 나눔 · 4장 — 줄 끝 「읽는 / 것으로」 — 의존 명사가 앞말과 떨어진다
- 노트 · 다듬을 곳 · 줄 나눔 · 4장 — 줄 끝 「회의가 / 짧아졌습니다.」 — 강조 「회의가 짧아졌습니다」가 줄을 넘어 갈린다
점검 내용 보기 (6건)
- 잡지 문제 0 · 다듬을 곳 2
- 패널 문제 0 · 다듬을 곳 3
- 노트 문제 0 · 다듬을 곳 1
- 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「다시 / 손대지」 — 강조 「다시 손대지 않게」가 줄을 넘어 갈린다
- 잡지 · 다듬을 곳 · 줄 나눔 · 7장 — 줄 끝 「전 / 십」 — 짧은 두 낱말이 한 덩어리인데 떨어진다
- 패널 · 다듬을 곳 · 줄 나눔 · 2장 — 줄 끝 「누군가의 / 질문으로」 — 「의」로 이어진 말이 떨어진다
- 패널 · 다듬을 곳 · 줄 나눔 · 2장 — 줄 끝 「빨리 / 끝낸」 — 짧은 두 낱말이 한 덩어리인데 떨어진다
- 패널 · 다듬을 곳 · 줄 나눔 · 7장 — 줄 끝 「전 / 십」 — 짧은 두 낱말이 한 덩어리인데 떨어진다
- 노트 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「다시 / 손대지」 — 강조 「다시 손대지 않게」가 줄을 넘어 갈린다
점검 내용 보기 (6건)
- 잡지 문제 0 · 다듬을 곳 2
- 패널 문제 0 · 다듬을 곳 2
- 노트 문제 0 · 다듬을 곳 2
- 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「할 / 일」 — 짧은 두 낱말이 한 덩어리인데 떨어진다
- 잡지 · 다듬을 곳 · 줄 나눔 · 5장 — 줄 끝 「것이 / 일입니다.」 — 강조 「물어보는 것이 일」이 줄을 넘어 갈린다
- 패널 · 다듬을 곳 · 줄 나눔 · 5장 — 줄 끝 「물어보는 / 것이」 — 의존 명사가 앞말과 떨어진다
- 패널 · 다듬을 곳 · 줄 나눔 · 5장 — 줄 끝 「물어보는 / 것이」 — 강조 「물어보는 것이 일」이 줄을 넘어 갈린다
- 노트 · 다듬을 곳 · 줄 나눔 · 5장 — 줄 끝 「물어보는 / 것이」 — 의존 명사가 앞말과 떨어진다
- 노트 · 다듬을 곳 · 줄 나눔 · 5장 — 줄 끝 「물어보는 / 것이」 — 강조 「물어보는 것이 일」이 줄을 넘어 갈린다
다른 스킬
자주 묻는 것
스킬이 뭔가요?
AI 에 넣어 두는 zip 파일 하나입니다. 넣어 두면 대화로 요청할 때마다 AI 가 그 안의 순서와 점검 도구를 따라 같은 형식의 결과물을 만듭니다.
내 브랜드 색과 로고로 바꿀 수 있나요?
브랜드 색과 로고는 kit.json 파일 하나에 담고, 모든 스킬이 같은 파일을 읽습니다. Claude 가 브랜드 색이나 로고가 있는지 물으면 이 파일을 대화에 함께 올려 주세요. 없으면 무채색 바탕에 강조색 하나인 기본 색으로 만듭니다.
색은 bg(바탕) · ink(글자) · muted(흐린 글자) · accent(강조색)를 #RRGGBB 꼴로 적고, 로고는 PNG · JPEG · SVG 그림을 data:image/…;base64, 글자로 바꿔 넣습니다. 글자와 바탕 색의 차이(대비)가 4.5:1 보다 작아 글자가 잘 안 읽히면 기본 색으로 그립니다.
version 은 꼭 적는 칸이고 값은 1 입니다. name(이 색·로고 묶음의 이름)과 voice(바라는 말투 한 줄)는 적지 않아도 됩니다.
시험 결과 중 브랜드 색·로고를 넣은 요청에 쓴 예시입니다(로고 값은 앞부분만 보입니다).
{
"version": 1,
"name": "예시 브랜드",
"colors": {
"bg": "#F2F1EB",
"ink": "#232521",
"muted": "#575A52",
"accent": "#2E6B4F"
},
"logo": "data:image/png;base64,iVBORw0KGgoAAAANSU…",
"voice": "정확하고 담백한 안내 말투"
}
무료로 써도 되나요?
무료 공개 · 개인·상업 프로젝트에 자유롭게 사용 · 출처 표기는 선택
변경 기록
v1.0.0 · 2026-10-19
- 「안 맞는 경우」 안내를 쉬운 말로 고쳤습니다(강조색은 브랜드 색 하나, 글자 수 상한을 넘는 글은 자르지 않고 문장을 줄이거나 장을 나눠 다시 만듭니다).
- 카드를 그리는 방식은 0.2.0 과 같습니다. 시험 결과는 이 판으로 다시 만들었습니다.
v0.2.0 · 2026-10-07
- 결과 화면 위 단추로 같은 내용을 잡지·패널·노트 세 디자인 스타일로 바꿔 볼 수 있습니다.
- 분위기를 말하면 그에 맞는 디자인 스타일로 만듭니다. 말하지 않으면 잡지 스타일입니다.
- 강조 구절이 줄을 넘어 갈리지 않게 줄을 나누고, 갈릴 때는 검사표에 다듬을 곳으로 알립니다.
v0.1.0 · 2026-10-07
- 첫 판입니다. 장 구성 틀 7가지, 4:5·1:1 비율, 3~20장을 지원합니다.
- 장별 PNG 저장, 모두 저장(zip), 검사표, 사이트에서 이어 고치기 링크가 결과 파일에 들어 있습니다.








