클로드 코드, 코덱스에서 해보는 슬라이드 메이커 완전 쉬운 버전(실습 가이드 영상)

AI 에이전트로 발표 자료를 뚝딱 만들 수 있는 슬라이드 메이커, 세팅부터 실전 수정까지 한 영상에 담았습니다. 클로드 코드와 코덱스 두 에이전트에서 동일한 프롬프트로 슬라이드를 만들어보며, 디자인 엔진(design.md)이 결과물 품질에 얼마나 큰 영향을 미치는지 직접 비교합니다. 폴더 세팅, 디자인 적용, 폰트 변경, 이미지 삽입, 동영상 내보내기까지 입문자도 바로 따라 할 수 있도록 구성했습니다.

"샤라웃 to Kimmy Kim"

깃허브 : https://github.com/Canine89/agent-slide-maker-easy

[도서 구매][Yes24] : https://www.yes24.com/product/goods/183530330
[도서 구매][교보] : https://product.kyobobook.co.k....r/detail/S0002195189
오픈카톡방 : https://open.kakao.com/o/ggK7EAJh

타임라인
0:00 슬라이드 메이커 세팅 가이드 소개
0:29 프로젝트 폴더 생성 및 터미널 기본 세팅
1:30 슬라이드 메이커 저장소 클론하기
1:59 AGENTS.md 확인 및 추가 세팅
2:52 디자인 엔진 소개와 design.md 활용법
4:50 코덱스(Codex) 버전 세팅 방법
6:17 클로드 코드 vs 코덱스 슬라이드 생성 비교
8:00 폰트 설정의 중요성과 Pretendard 추천
10:15 스킬 인식 이슈 원인과 해결법
11:45 완성된 슬라이드 리뷰 및 에이전트로 수정하기
14:44 텍스트 줄 수 조정 및 배경 요소 제거
16:48 이미지·동영상 내보내기
17:28 슬라이드에 커스텀 이미지 삽입하기
19:02 디자인 엔진을 잘 고르는 것이 핵심인 이유
21:38 마무리

오늘 다룬 내용
- 슬라이드 메이커 프로젝트 폴더 생성부터 클론, 추가 세팅까지 전체 초기 설정 과정
- 디자인 사이트에서 마스터카드 스타일 design.md를 가져와 슬라이드에 적용하는 방법
- 클로드 코드와 코덱스 두 에이전트에서 동일 프롬프트로 결과물 비교
- 코덱스의 심링크 기반 스킬 인식 문제와 스킬 목록 확인을 통한 해결법
- 폰트를 Pretendard 등 원하는 폰트로 변경해 완성도를 올리는 팁
- Aim 버튼으로 요소를 선택하고 에이전트에 수정 요청하는 실전 워크플로
- 슬라이드를 이미지·동영상으로 내보내는 방법
- 디자인 엔진 선택이 에이전트 성능보다 결과물에 더 큰 영향을 준다는 핵심 교훈

#슬라이드메이커 #AI발표자료 #하이퍼프레임즈 #HyperFrames #클로드코드 #코덱스 #Codex #ClaudeCode #AI에이전트 #디자인엔진 #발표자료만들기 #AI슬라이드 #프레젠테이션 #vibe코딩 #바이브코딩 #AI도구 #개발자도구 #토스디자인 #Pretendard #슬라이드디자인