studio.soluta

카드뉴스 생성기

carousel-studio로 카드뉴스 PNG 뽑기

carousel-studio를 내 컴퓨터에 설치해 켜고, brand.md·design.md를 브랜드 설정으로 넣은 뒤, 채팅으로 만든 슬라이드를 1080×1350 PNG로 내보내 검수할 수 있습니다.

단계 1 / 4

설치와 실행을 Claude Code에 맡깁니다

첫 실행은 PNG 변환용 크롬(약 300MB)을 내려받느라 1~2분 걸립니다.

그대로 붙여넣기
https://github.com/ssongji1122/carousel-studio 저장소를 문서 폴더 아래 carousel-studio 폴더로 내려받아 줘. Node.js 20 이상인지 먼저 확인하고, 없거나 낮으면 설치 방법과 https://nodejs.org/ko/download 링크를 알려 주고 멈춰 줘. 그 폴더에서 npm install을 실행한 뒤 .claude/commands/start.md에 적힌 순서대로 설정을 마치고 개발 서버를 켜서 브라우저로 열어 줘.
확인

브라우저에 http://localhost:3000 주소로 생성기 첫 화면이 열립니다.

01

단계 2 / 4

brand.md·design.md를 생성기의 브랜드 설정으로 넣고, 넣은 값을 다시 읽어 대조하게 합니다

그대로 붙여넣기
기준 폴더의 brand.md와 design.md를 읽어 carousel-studio의 브랜드 설정으로 넣어 줘. carousel-studio 폴더의 src/lib/brand-import-prompt.ts에 적힌 추출 규칙과 형식대로 http://localhost:3000/api/brand 에 PUT 하고, 색은 문서의 # 코드를 그대로 써. 넣은 뒤 같은 주소를 GET으로 다시 읽어 저장된 이름·색·폰트·쓰지 않을 말을 문서 값과 나란히 표로 보여 줘.
확인

대조표의 모든 줄이 같고, 화면의 설정 창에서 design.md의 색이 보입니다.

02

단계 3 / 4

생성기 채팅에 붙여 넣을 요청문을 Claude Code가 원문에서 사실을 뽑아 만들게 합니다

생성기 채팅은 내 원문 폴더를 읽지 않습니다.

그대로 붙여넣기
[주제]에 필요한 사실만 원문 폴더와 기준 문서에서 뽑아 줘. 사실마다 근거 파일 경로를 붙여. 그 사실로 carousel-studio 채팅에 붙여 넣을 요청문 하나를 만들어 줘. 업종·대상·주제 한 줄, 카드 여섯 장 구성(표지 1, 본문 4, 마무리 1), 뽑은 사실 목록, 「목록에 없는 숫자나 사실은 쓰지 마세요」를 넣고 코드 블록 하나로 보여 줘.
확인

근거 파일이 붙은 사실 목록과, 복사할 요청문 코드 블록이 나옵니다.

03

단계 4 / 4

「새 캐로셀」에서 비율 4:5를 고르고 요청문을 채팅에 넣은 뒤, 상단 「Export PNG」로 ZIP을 받습니다

받은 파일 정리와 검수는 다시 Claude Code에 맡깁니다.

그대로 붙여넣기
내려받기 폴더에서 가장 최근 ZIP 파일을 찾아 [카드뉴스 폴더]/[오늘 날짜_주제] 폴더에 풀어 줘. PNG 파일 이름을 01.png부터 순서대로 바꾸고 각 파일이 1080×1350인지 확인해 줘. 그다음 사실(원문 대조), 색과 폰트(design.md 대조), 글자 잘림을 검사해 검수.md로 저장하고 표로 보여 줘.
확인

날짜 폴더에 01.png~06.png와 검수.md가 있고, 검수표에 카드마다 통과 여부가 적혀 있습니다.

04

순서를 모두 마쳤어요