AI 이해 파이프라인: 어려운 자료를 4컷 만화 학습 페이지로 자동 변환하기

Fri, 22 May 2026 06:31:17 +0000

안녕하세요, 바이브랩스입니다. 이번 영상은 '바이브 코딩 기초 강의 시리즈' 한 편으로, 어려운 자료 한 편을 받아 AI가 요약하고 비유로 설명하고 4컷 만화 8~10장짜리 학습 페이지로 만들어내는 'AI 이해 파이프라인'을 처음부터 끝까지 직접 구축하는 과정을 담았습니다.

예전에는 정보가 부족해 자료를 찾아 헤매던 시대였다면, 지금은 자료가 너무 많아 오히려 고르지 못하는 시대입니다. 그래서 핵심은 '그림 생성'이 아니라 '이해 설계'라는 관점에서, 단순 이미지 모음이 아닌 개념·한 줄 요약·등장인물 소개·4컷 카드·짧은 해설·오늘 배운 것 3줄 정리까지 담긴 한 장의 학습 콘텐츠 페이지를 결과물로 잡았습니다.

영상에서는 Notion에 정리한 'Comic Research Lab' 빌드 프롬프트를 기반으로 Claude Code(클로드 코드)에게 역공학으로 명세를 던지고, Rails 8 + Codex CLI + gpt-image-2 조합으로 백엔드와 잡, 컨트롤러, 뷰까지 단계별로 생성하는 흐름을 보여드립니다. CodexRunner의 보안 설계, 마스터 프롬프트 작성, GenerateComicJob 오케스트레이션, OutputValidator로 카드 수·PNG 용량·외부 URL을 검증하는 방식까지 실제 명령어와 함께 따라가실 수 있습니다. 중간에 발생한 포트 충돌, Tailwind CSS 캐시 누락 같은 현실적인 트러블슈팅도 그대로 담아 두었어요. 마지막에는 '안드레 카파시가 엔트로픽에 입사한 이유'를 주제로 직접 4컷 학습 만화 페이지가 자동 생성되는 모습까지 확인합니다.

루비 온 레일즈로 AI 서비스를 만들어 보고 싶은 분, Codex CLI나 gpt-image-2를 안전하게 웹 서비스에 붙이는 패턴이 궁금한 분, 그리고 '바이브 코딩'이라는 작업 방식이 실제로 어떻게 흘러가는지 보고 싶은 분 모두에게 도움이 될 거예요. 바이브랩스의 다른 강의도 함께 보시면 흐름이 더 잘 잡힙니다. 영상이 도움이 되셨다면 구독과 좋아요 한 번씩 부탁드릴게요.

00:00 정보 과잉 시대의 문제 제기
00:45 AI 이해 파이프라인 컨셉 소개
01:40 결과물은 이미지가 아니라 학습 페이지
02:30 Notion 빌드 프롬프트와 핵심 사용자 흐름
03:50 CodexRunner 보안 설계와 한 줄 정의
05:10 Claude Code로 Rails 8 앱 스캐폴딩
06:40 모델·잡·CodexRunner·마스터 프롬프트 구현
08:20 포트 충돌과 Tailwind 캐시 트러블슈팅
09:30 새 만화 만들기 폼과 프로젝트 화면
10:40 카파시 주제로 4컷 학습 만화 자동 생성
12:00 마무리와 다음 강의 안내

작가 제안하기 : futurewave@gmail.com

[작가 오픈톡방]
https://open.kakao.com/o/gfYQfFPh

[실무에 바로 쓰는 일잘러의 챗GPT 프롬프트 74가지]
https://www.yes24.com/product/goods/159060578

[바이브 코딩 커서 AI와 클로드 코드로 누구나!]
https://www.yes24.com/product/goods/161924116

[챗GPT, 글쓰기 코치가 되어 줘 : 교양부분 세종우수도서]