클로드 카드뉴스 스킬

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 웹 브라우저 기준)

  1. Settings(설정) → Capabilities(기능) 에서 「Code execution and file creation」(코드 실행·파일 만들기)을 켭니다.
  2. Customize → Skills 에서 「+」 → 「+ Create skill」 → 「Upload a skill」(스킬 올리기)을 고릅니다.
  3. 받은 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 가 먼저 묻는 것

  1. 무엇으로 만들까요? 옮길 글(블로그 글·메모 등)을 붙이거나 주제를 한 줄로 적어 주세요.
  2. 몇 장으로 만들까요? 말하지 않으면 6~8장으로 만듭니다.
  3. 브랜드 색이나 로고가 있나요? 없으면 기본 색으로 만듭니다.

사용자 이걸 카드뉴스로 만들어 주세요. (메일 제목·본문 첫 줄·첨부 파일 이름을 쓰는 요령 세 문장을 붙여 넣음)

클로드 붙여 주신 메일 작성 요령으로 카드뉴스 7장(4:5, 1080×1350)을 만들었습니다. 장 수와 비율을 말씀하지 않으셔서 기본값으로 했고, 브랜드 색·로고가 없어 기본 색을 썼습니다. 붙여 주신 글에 없는 사실이나 숫자는 넣지 않았고, 점검 결과 글씨 넘침·겹침·안 읽히는 색 문제는 없습니다. 결과 파일(result.html)을 브라우저로 열면 장별 PNG 저장 단추와 모두 저장(zip) 단추가 있습니다.

직접 채워 보기

여기서는 내가 칸을 채워 미리 봅니다. 스킬을 쓰면 AI 가 대화로 채워 줍니다.

시험 결과

요청마다 만든 결과의 첫 장을 잡지 · 패널 · 노트 세 디자인 스타일로 나란히 놓았습니다. 그림을 누르면 크게 봅니다.

시험 방법과 표시 뜻

버전마다 정해 둔 요청 14개를 한 번씩만 넣고, 나온 결과를 잘 나온 것만 고르지 않고 전부 올립니다. 스타일을 정해 달라고 한 요청(아래 「14개 모두 보기」 안)은 그 스타일 이름 옆에 「요청」을 붙였습니다.

이 버전은 문제가 없습니다. 다듬을 곳이 있는 결과는 그 아래 「점검 내용 보기」에서 무엇인지 볼 수 있습니다. 문제는 글씨 넘침·겹침·안 읽히는 색처럼 결과에 그대로 보이는 것입니다. 다듬을 곳은 결과는 그렸지만 줄 끝 낱말이 어색하게 나뉘는 것처럼 고치면 더 좋은 점입니다.

이걸 카드뉴스로 만들어 주세요. 문제 없음
아래 글을 6~8장 카드뉴스로 요약해 주세요. 다듬을 곳 2 (잡지 1 · 노트 1)
점검 내용 보기 (2건)
  • 잡지 문제 0 · 다듬을 곳 1
  • 패널 문제 0 · 다듬을 곳 0
  • 노트 문제 0 · 다듬을 곳 1
  • 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「다섯 / 줄이면」 — 강조 「다섯 줄」이 줄을 넘어 갈린다
  • 노트 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「다섯 / 줄이면」 — 강조 「다섯 줄」이 줄을 넘어 갈린다
숫자가 잘 보이게 강조해서 카드뉴스로 만들어 주세요. 다듬을 곳 3 (잡지 2 · 노트 1)
점검 내용 보기 (3건)
  • 잡지 문제 0 · 다듬을 곳 2
  • 패널 문제 0 · 다듬을 곳 0
  • 노트 문제 0 · 다듬을 곳 1
  • 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「두 / 가지」 — 수와 단위가 떨어진다
  • 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「두 / 가지」 — 강조 「두 가지 규칙」이 줄을 넘어 갈린다
  • 노트 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「줄인 / 두」 — 짧은 두 낱말이 한 덩어리인데 떨어진다
이 내용으로 카드뉴스 만들어 주세요. 문제 없음
14개 모두 보기
1:1 정사각형으로 5장 만들어 주세요. 문제 없음
1:1 로, 목록 위주로 만들어 주세요. 문제 없음
실시간 회의와 문서로 하는 공유, 이 두 가지를 비교하는 카드뉴스를 만들어 주세요. 문제 없음
명언 하나와 그 해설로 카드뉴스를 만들어 주세요. 아래 문장을 크게 보여 주고, 뒤에서 뜻을 풀어 주면 됩… 다듬을 곳 2 (잡지 2)
점검 내용 보기 (2건)
  • 잡지 문제 0 · 다듬을 곳 2
  • 패널 문제 0 · 다듬을 곳 0
  • 노트 문제 0 · 다듬을 곳 0
  • 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「적어야 / 끝납니다」 — 강조 「적어야 끝납니다」가 줄을 넘어 갈린다
  • 잡지 · 다듬을 곳 · 줄 나눔 · 2장 — 줄 끝 「기록하지 / 않은」 — 강조 「기록하지 않은 결정」이 줄을 넘어 갈린다
카드뉴스로 만들어 주세요. 제목은 꼭 이 문장 그대로 써 주세요: 「처음 팀을 맡은 관리자가 첫 한 달 동… 다듬을 곳 4 (잡지 1 · 패널 1 · 노트 2)
점검 내용 보기 (4건)
  • 잡지 문제 0 · 다듬을 곳 1
  • 패널 문제 0 · 다듬을 곳 1
  • 노트 문제 0 · 다듬을 곳 2
  • 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「가지 / 대화와」 — 강조 「일곱 가지 대화」가 줄을 넘어 갈린다
  • 패널 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「가지 / 대화와」 — 강조 「일곱 가지 대화」가 줄을 넘어 갈린다
  • 노트 · 다듬을 곳 · 줄 나눔 · 4장 — 줄 끝 「약속과 / 규칙을」 — 나열된 말이 떨어진다
  • 노트 · 다듬을 곳 · 줄 나눔 · 4장 — 줄 끝 「어떤 / 방식으로」 — 꾸밈말이 꾸미는 말과 떨어진다
저희 브랜드 키트로 카드뉴스를 만들어 주세요. 키트 파일을 같이 드립니다. 모든 장 아래에는 「예시 브랜드… 다듬을 곳 1 (패널 1)
점검 내용 보기 (1건)
  • 잡지 문제 0 · 다듬을 곳 0
  • 패널 문제 0 · 다듬을 곳 1
  • 노트 문제 0 · 다듬을 곳 0
  • 패널 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「동료의 / 첫」 — 「의」로 이어진 말이 떨어진다
아래 글로 카드뉴스 5장 만들어 줘. 표지 제목은 내가 쓴 문장 그대로 써 줘, 고치지 말고. 다듬을 곳 2 (노트 2)
점검 내용 보기 (2건)
  • 잡지 문제 0 · 다듬을 곳 0
  • 패널 문제 0 · 다듬을 곳 0
  • 노트 문제 0 · 다듬을 곳 2
  • 노트 · 다듬을 곳 · 줄 나눔 · 4장 — 줄 끝 「읽는 / 것으로」 — 의존 명사가 앞말과 떨어진다
  • 노트 · 다듬을 곳 · 줄 나눔 · 4장 — 줄 끝 「회의가 / 짧아졌습니다.」 — 강조 「회의가 짧아졌습니다」가 줄을 넘어 갈린다
이 글로 카드뉴스 만들어 줘. 잡지 기사처럼 임팩트 있게, 글자가 크게 보였으면 좋겠어. 다듬을 곳 6 (잡지 2 · 패널 3 · 노트 1)
점검 내용 보기 (6건)
  • 잡지 문제 0 · 다듬을 곳 2
  • 패널 문제 0 · 다듬을 곳 3
  • 노트 문제 0 · 다듬을 곳 1
  • 잡지 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「다시 / 손대지」 — 강조 「다시 손대지 않게」가 줄을 넘어 갈린다
  • 잡지 · 다듬을 곳 · 줄 나눔 · 7장 — 줄 끝 「전 / 십」 — 짧은 두 낱말이 한 덩어리인데 떨어진다
  • 패널 · 다듬을 곳 · 줄 나눔 · 2장 — 줄 끝 「누군가의 / 질문으로」 — 「의」로 이어진 말이 떨어진다
  • 패널 · 다듬을 곳 · 줄 나눔 · 2장 — 줄 끝 「빨리 / 끝낸」 — 짧은 두 낱말이 한 덩어리인데 떨어진다
  • 패널 · 다듬을 곳 · 줄 나눔 · 7장 — 줄 끝 「전 / 십」 — 짧은 두 낱말이 한 덩어리인데 떨어진다
  • 노트 · 다듬을 곳 · 줄 나눔 · 1장 — 줄 끝 「다시 / 손대지」 — 강조 「다시 손대지 않게」가 줄을 넘어 갈린다
새로 온 팀원에게 보낼 안내 카드뉴스를 만들어 주세요. 깔끔하게, 정보 위주로 정리해 주시면 좋겠습니다. 다듬을 곳 6 (잡지 2 · 패널 2 · 노트 2)
점검 내용 보기 (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), 검사표, 사이트에서 이어 고치기 링크가 결과 파일에 들어 있습니다.