진여진
진여진
🧙 AI 위자드
🎻 루키 파트너
🚀 SNS 챌린지 달성자

클로드 코드로 PPT 를 만들자! - Marp 😎

안녕하세요 클로드 MCP 버디 진여진입니다. 🙇‍♂️

최근들어 개발보다 발표를 더 많이하는 느낌이라,

슬라이드를 빠르게 만드는게 중요하겠더라구요

오늘은, 마크다운 문서를 Marp CLI 이용해서

슬라이드 만드는 과정을 공유드립니다.

Marp?

markdown 기반 PPT 를 만들 수 있습니다.

PDF, html, 마크다운 슬라이드 총 3가지 형식으로 만들 수 있고

CLI 를 지원하기 때문에 Claude Code 에게 작업을 부탁하여

슬라이드를 빠르게 만들겁니다

에이전트를 만듭시다! 🥽

에이전트 생성 화면의 스크린 샷

자세한 설명은 공식문서와 여러 블로그를 참조하세요

https://docs.claude.com/ko/docs/claude-code/sub-agents

이후 어디에 만들지 물어보는데

여기에만 사용할거다 - 프로젝트 경로

어디든 사용할거다 - Personal 경로 하시면 됩니다.

서브 에이전트 문서를 수정하세요 ✍️

검은 배경을 가진 텍스트 편집기의 �스크린 샷

설정한 경로의 "agent" 폴더가 있습니다

저는 프로젝트에 설정했고 해당 문서가 있는데

영어라 자세히 이해하기는 어렵지만,

아마 제가 원하는대로 에이전트 설정이 안됐을 확률이 높아요

해당 문서를 적절히 수정해 사용하면 됩니다

좋은 에이전트 사례는? 🤔

https://apidog.com/kr/blog/claude-code-sub-agents-kr/

명확한 지시문으로 이뤄진 서브 에이전트 문서로 변경하여 사용하시는걸 권해드려요

그래서 Marp CLI 로 뭘 만드는데 ? 🎨

Marp CLI 페이지의 스크린 샷

우선 CLI 다운로드를 해주셔야 합니다.

각자 환경에 맞게 설정해주시면 되고,

저는 Node.js 기반 npm 으로 전역 설치 했습니다.

이후 클로드 코드에게 다가가 슬라이드 만들어 달라고 부탁합니다.

왼쪽은 Obsidian 마크다운 문서고 이걸

클로드 코드에게 명령합니다

이후 html, pdf, md 문서 자유로이 명령해서 만들면 됩니다.

예시로 만든 슬라이드 html 입니다.

변수 ⚠️

근데 이게 생각보다 토큰을 많이 먹더라구요

그래서 설계 + 명령은 Claude code

작업은 Gemini cli 에게 진행하도록 진행하고 있습니다.

사진처럼 작업을 할 땐 gemini 에이전트를 호출해

어떤 작업을 해야하는지 gemini 에 위임하는 에이전트를 만들어 작업을 진행합니다.

이 외 hook, 커스텀 커맨드를 적절하게 만들어서

자동화를 하면 좋을 것 같은데

시행착오를 겪고 공유를 드려야 할 것 같습니다

4
4개의 답글

뉴스레터 무료 구독