피드로 돌아가기
Show GN: make-slide – AI 코딩 에이전트용 프레젠테이션 생성 스킬 (10개 테마, PPTX 지원)
GeekNewsGeekNews
Frontend

Show GN: make-slide – AI 코딩 에이전트용 프레젠테이션 생성 스킬 (10개 테마, PPTX 지원)

make-slide가 AI 코딩 에이전트용 테마 레퍼런스 기반 프레젠테이션 생성 방식을 도입해 토큰 소비 감소와 일관된 디자인 출력

kuneosu2026년 3월 25일4intermediate

Context

AI 에이전트가 프레젠테이션을 생성할 때마다 새로운 디자인을 매번 생성하도록 프롬프트하면서 토큰 소비가 많아지고, 디자인 품질이 불일치하는 문제가 발생했다.

Technical Solution

  • 프레젠테이션 생성 방식을 "매번 새로운 디자인 프롬프트"에서 "미리 정의된 테마 레퍼런스 코드 기반 생성"으로 변경
  • 10개의 사전 제작된 테마를 갤러리(https://make-slide.vercel.app)로 제공하고 AI가 이를 reference.html로 참고하도록 설계
  • 4가지 레이아웃 옵션(중앙정렬, 와이드, 분할, 에디토리얼) 제공으로 AI가 선택하도록 구조화
  • npx make-slide init 명령으로 Claude Code, Gemini, Codex, Cursor에 스킬 설치 가능하게 구현
  • 단일 HTML 파일 출력 후 Unsplash 이미지 자동 검색, PPTX 내보내기, PDF 인쇄, 스피커 노트, 키보드 네비게이션 지원
  • 저성능 모델에서도 일관된 결과를 위해 기본 기능 코드까지 레퍼런스로 제공

Key Takeaway

AI 에이전트의 출력물 일관성은 "더 좋은 프롬프트"보다 "구조화된 템플릿과 레퍼런스 코드"로 달성된다는 설계 원칙을 보여준다.


AI 코딩 에이전트를 사용하는 팀에서 매번 새로운 구현을 요청하는 대신 reference.html 같은 검증된 예제 코드를 제공하면 토큰 사용량을 줄이면서도 일관된 출력 품질을 유지할 수 있다.

원문 읽기