Slide Maker

대화만으로 전문적인 프레젠테이션을 만드는 Claude Code 플러그인

코딩을 몰라도 괜찮습니다. Claude에게 말하듯이 대화하면, 발표 자료가 완성됩니다.

이런 분께 추천합니다

발표 자료를 빠르게 만들고 싶은 분
파워포인트 디자인에 시간 쓰기 싫은 분
HTML/CSS를 몰라도 깔끔한 슬라이드를 원하는 분
Claude Code를 사용하고 있는 분

이 프로젝트는 어떻게 만들어졌는가

출발점: 하나의 HTML 파일

이 플러그인은 실제 강의를 준비하면서 시작되었습니다.

처음에는 BDAI(빅데이터 인공지능 학회) 강의용 "피플 애널리틱스와 AI" 프레젠테이션을 단일 lecture.html 파일로 만들었습니다. 28장의 슬라이드가 하나의 HTML 파일 안에 CSS와 JavaScript와 함께 들어 있었습니다. 작동은 했지만, 슬라이드 하나를 고치려면 수천 줄짜리 파일을 스크롤해야 했습니다.

문제: 내용 수정이 너무 불편하다.

Phase 1: 모듈화 — 파일을 쪼개다

단일 HTML을 28개 슬라이드 파일로 분리했습니다:

lecture.html (5000줄짜리 단일 파일)
    ↓ 분리
slides/slide-01-title.html
slides/slide-02-intro.html
...
slides/slide-28-closing.html
slides/_template/header.html  (CSS, 디자인 설정)
slides/_template/footer.html  (JavaScript, 슬라이드 엔진)

build.js 스크립트를 만들어서 이 파일들을 다시 하나의 dist/lecture.html로 조립하도록 했습니다. npm run build 한 줄이면 끝.

깨달음: "이 구조를 다른 발표에도 재사용할 수 있겠다."

Phase 2: 스킬화 — 재사용 가능한 레시피로

분리된 구조를 Claude Code 스킬로 만들었습니다. 핵심 아이디어는 Copy-on-Create 아키텍처:

템플릿 파일을 references/ 디렉토리에 보관
/new-presentation 실행 시 사용자 입력을 받아 새 프로젝트에 복사
각 프로젝트는 독립적으로 동작 (원본에 의존하지 않음)

이 단계에서 추가한 것들:

5가지 테마: Business, Education, Tech, Minimal, Warm (JSON으로 정의)
10가지 슬라이드 패턴: title, content-cards, data-bars, process-flow 등
디자인 가이드: 슬라이드당 최대 6줄, 카드당 3~5줄 같은 규칙
STOP Protocol: 사용자 확인 없이 다음 단계로 넘어가지 않는 안전장치

STOP Protocol을 만든 이유: 초기에 Claude가 질문을 한꺼번에 하고 바로 파일을 생성해버리는 일이 있었습니다. 28장의 슬라이드가 의도와 다르게 만들어지면 되돌리기 어렵습니다. 그래서 "각 단계 끝에서 반드시 멈추고 사용자 확인을 받는다"는 규칙을 스킬에 명시했습니다.

Phase 3: 플러그인화 — 배포 가능한 구조로

로컬에서만 쓰던 스킬을 GitHub으로 배포할 수 있는 플러그인 구조로 전환했습니다:

~/.claude/skills/new-presentation/SKILL.md  (로컬 전용)
    ↓ 변환
new-presentation-plugin/
├── .claude-plugin/plugin.json   (플러그인 메타데이터)
├── skills/new-presentation.md   (메인 스킬)
├── skills/references/           (템플릿, 테마, 패턴)
├── README.md
└── LICENSE

/install-plugin crystal0224/slide-maker로 누구나 설치 가능.

Phase 4: 브라우저 에디터 — 코드 없이 편집하기

"코딩을 모르는 사용자가 슬라이드를 수정하려면?"

파워포인트처럼 브라우저에서 직접 편집할 수 있는 에디터를 footer.html에 내장했습니다. 6개 모듈로 구성됩니다:

모듈	기능
Core	편집 모드 토글, 선택, 실행취소/다시실행, 저장, 내보내기
Text	굵게, 기울임, 정렬, 색상, 폰트 크기, 폰트 패밀리
Elements	요소 복사/붙여넣기/복제, 드래그 이동, 삭제
Slides	슬라이드 패널, 썸네일 네비게이션, 새 슬라이드 추가
Notes	슬라이드별 발표자 노트 작성/편집, N 키 토글
Diagnostics	오류 원인 설명, 환경 점검, 단축키 참조

에디터는 npm run serve로 시작합니다. 저장하면 자동으로 소스 파일이 업데이트되고 빌드됩니다.

3-에이전트 리뷰: 에디터를 만든 후 product-reviewer, code-reviewer, security-reviewer 3개 에이전트로 동시에 리뷰했습니다. 발견된 문제들:

히스토리 메모리 누수 (50개 제한 추가)
export/save 시 편집기 흔적이 남는 버그 (클린업 로직 추가)
서버 보안 (경로 순회 차단, CORS 제한, 바디 크기 제한, 타임아웃)

Phase 5: 에이전트 아키텍처 — AI가 판단하는 영역

스킬은 "정해진 절차"를 잘 실행합니다. 하지만 다음은 스킬이 하기 어렵습니다:

"임원 대상 30분 AI 강의"와 "학생 대상 5분 소개"에 다른 전략을 세우는 것
주제에 대한 최신 통계와 사례를 웹에서 찾아오는 것
기존 PPT 파일을 분석해서 재활용 가능한 부분을 골라내는 것
빌드 오류를 보고 원인을 파악하고 쉽게 설명하는 것

이런 "판단이 필요한 작업"을 4개 전문 에이전트로 분리했습니다:

스킬 (레시피)                    에이전트 (전문가)
───────────                     ─────────────
정해진 순서대로 실행              상황을 판단하고 결정
템플릿 적용, 파일 생성            분석, 리서치, 오류 진단
사용자 Q&A 진행                  창의적 제안, 자동 수정

에이전트	역할	왜 에이전트인가?
presentation-strategist	톤앤매너 기획, 테마 추천	청중/시간/목적 조합마다 전략이 다름
content-researcher	웹 리서치, 통계/사례 수집	외부 정보 검색 + 구조화 필요
reference-analyzer	기존 PPT/PDF 분석, 재활용 판단	파일 형식마다 다른 접근 필요
build-doctor	오류 진단, 한국어 설명, 자동 수정	오류 원인이 매번 다름

워크플로우 변화:

v1: Step 0 (정보) → Step 1 (테마) → Step 2 (구조) → Step 3 (생성)
                                                    ↓
v2: Step 0 (정보) → Phase A (에이전트 분석) → Step 1 (테마) → Step 2 (구조) → Step 3 (생성)
                    ├─ strategist (톤 기획)              ↑ 추천 반영      ↑ 데이터 반영
                    ├─ researcher (리서치)
                    └─ analyzer (레퍼런스, 조건부)

Phase A에서 에이전트들이 병렬로 분석합니다. strategist의 테마 추천은 Step 1에, researcher의 통계/사례는 Step 2에 자동 반영됩니다.

Phase 6: Hook과 Command — 자동화와 단축키

마지막으로 역할을 더 세분화했습니다:

기존에 스킬이 하던 반복 작업 → Hook으로 자동화

슬라이드 파일을 수정할 때마다 "npm run build를 실행해주세요"라고 안내하는 대신, auto-build.py hook이 slide-*.html 파일 변경을 감지하면 자동으로 빌드합니다. HTML 태그 균형 검증도 함께 수행합니다.

기존에 Step 4에서 텍스트로 안내하던 것 → Command로 단축키화

기존 (텍스트 안내)	현재 (커맨드)
"터미널에서 `npm run build` 실행하세요"	`/rebuild`
"터미널에서 `open dist/lecture.html` 하세요"	`/preview`
"별도 터미널에서 `npm run serve` 하세요"	`/serve`
"별도 터미널에서 `npm run pdf` 하세요"	`/export-pdf`

로드맵 추가: 스킬 시작 시 전체 진행 순서를 보여주고, 원하면 Phase A를 건너뛰거나 빠른 생성으로 직행할 수 있게 했습니다.

Phase 7: 발표 준비 도구 — 노트, 스크립트, 레이아웃 규칙

실제 발표를 준비하면서 "슬라이드를 만드는 것"과 "발표를 준비하는 것"은 다른 문제라는 걸 깨달았습니다.

발표자 노트: 에디터에 Notes 모듈을 추가했습니다. 각 슬라이드의 data-notes 속성에 발표 스크립트를 저장합니다. 하단 네비게이션 바의 메모 버튼이나 N 키로 노트 패널을 열 수 있고, 저장하면 소스 파일에 자동 반영됩니다.

연습용 스크립트 추출: 16장의 슬라이드에 흩어진 노트를 한 페이지로 모아야 발표 연습이 됩니다. npm run script을 실행하면 dist/script.html이 생성됩니다. 슬라이드별 노트, 소요 시간, 전체 발표 시간이 정리되어 있고 프린트해서 사용할 수도 있습니다.

CLAUDE.md 레이아웃 규칙: 슬라이드를 수정하다 보면 여백이나 정렬이 틀어지는 경우가 생깁니다. 프로젝트 생성 시 CLAUDE.md를 자동으로 만들어서, Claude가 슬라이드를 수정할 때 레이아웃 규칙(좌우 여백 7.81%, 2컬럼 분할, 보호 영역 등)을 강제로 따르게 했습니다. CLAUDE.md를 "디자인 가드레일"로 활용한 셈입니다.

최종 구조

new-presentation-plugin/
│
├── .claude-plugin/plugin.json        # 플러그인 메타데이터 (v3.1.0)
│
├── agents/                           # 판단이 필요한 작업
│   ├── presentation-strategist.md    #   톤앤매너 기획
│   ├── content-researcher.md         #   웹 리서치
│   ├── reference-analyzer.md         #   레퍼런스 분석
│   └── build-doctor.md               #   오류 진단/수정
│
├── skills/                           # 정해진 절차 실행
│   ├── new-presentation.md           #   메인 스킬 (4 Steps)
│   ├── rebuild.md                    #   /rebuild 커맨드
│   ├── preview.md                    #   /preview 커맨드
│   ├── serve.md                      #   /serve 커맨드
│   ├── export-pdf.md                 #   /export-pdf 커맨드
│   └── references/                   #   템플릿, 테마, 패턴
│       ├── template/                 #     프로젝트 템플릿 (빌드, 서버, 에디터)
│       │   └── scripts/extract-script.js  # 연습용 스크립트 추출
│       ├── themes/                   #     5가지 테마 JSON
│       ├── slide-patterns/           #     10가지 슬라이드 패턴
│       └── design-guide.md           #     디자인 규칙
│
├── hooks/                            # 자동 트리거
│   └── auto-build.py                 #   슬라이드 수정 시 자동 빌드
│
├── docs/                             # 문서
│   └── user-scenario.html            #   사용 시나리오 데모
│
├── README.md
└── LICENSE (MIT)

> 생성된 프로젝트에는 `CLAUDE.md` (슬라이드 레이아웃 강제 규칙)가 자동으로 포함됩니다.

설계 원칙 정리

이 프로젝트를 만들면서 정리된 원칙입니다:

원칙	설명	예시
스킬은 레시피	정해진 입력 → 정해진 출력	테마 선택 → CSS 변수 교체
에이전트는 전문가	매번 다른 판단이 필요한 작업	청중 분석 → 톤 전략 수립
Hook은 반사 신경	이벤트 발생 시 자동 실행	파일 저장 → 자동 빌드
Command는 단축키	한 번의 명령으로 즉시 실행	`/rebuild` → npm run build
STOP Protocol	되돌리기 어려운 작업 전에 확인	28장 생성 전 구조 확인
Copy-on-Create	각 프로젝트가 독립적	원본 수정해도 기존 프로젝트 영향 없음
CLAUDE.md는 가드레일	프로젝트 규칙을 Claude에게 강제	여백·정렬 규칙을 CLAUDE.md에 기술 → 수정 시 자동 준수

설치 방법

필요한 것

Claude Code: Anthropic의 CLI 도구 (claude.ai/code)
Node.js 18 이상: 프레젠테이션 파일을 조립하는 데 필요합니다

Node.js가 설치되어 있지 않다면:

macOS: 터미널에서 brew install node 실행

또는 nodejs.org에서 LTS 버전 다운로드 후 설치

설치 확인: 터미널에서 node --version 입력 시 v18.x.x 이상이 나오면 됩니다.

방법 1: 마켓플레이스로 설치 (권장)

터미널에서 아래 두 명령어를 순서대로 실행합니다:

# 1. 마켓플레이스 등록
claude plugin marketplace add crystal0224/slide-maker

# 2. 플러그인 설치
claude plugin install slide-maker@slide-maker

설치가 끝나면 Claude Code를 다시 시작하세요.

Claude Code 버전 확인: claude --version이 1.0.33 이상이어야 합니다.

방법 2: 로컬 디렉토리로 테스트

플러그인을 설치하지 않고 바로 사용해볼 수 있습니다:

git clone https://github.com/crystal0224/slide-maker.git
claude --plugin-dir ./slide-maker

Hook 설정 (선택사항)

슬라이드 수정 시 자동 빌드를 원하면, ~/.claude/settings.json에 아래를 추가하세요:

{
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "Write|Edit|MultiEdit",
        "hooks": [
          {
            "type": "command",
            "command": "python3 <설치경로>/hooks/auto-build.py"
          }
        ]
      }
    ]
  }
}

사용법

시작하기

Claude Code를 열고 아래 명령어를 입력하면 시작됩니다:

/slide-maker:new-presentation

시작하면 전체 진행 순서를 보여주고, 3가지 옵션을 제공합니다:

옵션	설명
시작!	Step 0부터 차근차근 진행
Phase A 건너뛰기	AI 분석 없이 바로 테마 선택부터
빠른 생성	기본 설정으로 바로 생성 (Business 테마, 기본 구조)

전체 워크플로우

Step 0  기본 정보 ─── 주제, 시간, 청중, 발표자, 레퍼런스 파일
   │
Phase A  AI 분석 ──── 톤 기획 + 콘텐츠 리서치 (자동, 건너뛰기 가능)
   │
Step 1  테마 선택 ─── 5가지 테마 중 선택 (에이전트 추천 표시)
   │
Step 2  구조 설계 ─── 슬라이드 구성 검토 (리서치 데이터 반영)
   │
Step 3  생성 & 빌드 ─ 파일 생성 → 빌드 (오류 시 자동 진단)
   │
Step 4  수정 안내 ─── 편집 방법 안내

Step 0: 기본 정보 입력

Claude가 4가지를 한꺼번에 물어봅니다:

질문	선택지 예시	설명
주제	AI/테크, 비즈니스, 교육/학술, 기타	"기타"를 선택하면 자유롭게 입력 가능
발표 시간	5분, 10분, 20분, 30분+	시간에 따라 슬라이드 수가 달라집니다
청중	임원/경영진, 실무자/팀원, 학생/취준생, 일반 대중	청중에 맞게 내용 수준이 조절됩니다
발표자	없음, 입력할게요	"없음"을 선택하면 소개 슬라이드를 건너뜁니다

그 다음, 참고할 레퍼런스 파일(기존 PPT, PDF 등)이 있는지 물어봅니다.

Phase A: AI 분석 (자동)

에이전트들이 병렬로 분석합니다:

에이전트	하는 일	결과
presentation-strategist	청중/시간/목적에 맞는 톤 전략 수립	분위기, 언어 수준, 테마 추천
content-researcher	주제에 대한 최신 정보 웹 리서치	통계, 사례, 구조 제안
reference-analyzer	제공한 파일 분석 (있는 경우만)	재활용 콘텐츠, 톤 조정 제안

분석 결과를 보여주고, "좋아요" / "톤 조정" / "내용 보완" / "다시 분석" 중 선택합니다.

Phase A 건너뛰기: 시작 시 "Phase A 건너뛰기"를 선택했다면 이 단계를 통째로 건너뛰고 Step 1로 갑니다.

Step 1: 테마 선택

5가지 테마 중 하나를 고릅니다. Phase A를 거쳤다면 에이전트 추천이 1순위로 표시됩니다.

테마	분위기	메인 색상	글꼴
Business	전문적이고 신뢰감 있는 블루 톤	`#2563EB` 코발트 블루	Noto Serif KR + Pretendard
Education	따뜻하고 접근성 높은 그린 톤	`#059669` 에메랄드	Noto Sans KR + Inter
Tech	모던하고 세련된 퍼플 톤	`#7C3AED` 바이올렛	JetBrains Mono + Inter
Minimal	군더더기 없는 깔끔한 그레이 톤	`#374151` 슬레이트 그레이	Pretendard
Warm	따뜻하고 친근한 오렌지 톤	`#C2410C` 오렌지	Nanum Myeongjo + Pretendard

마음에 드는 테마가 없다면 "기타"를 선택하세요. 원하는 색상의 HEX 코드(예: #FF6B35)를 직접 입력할 수 있습니다.

Step 2: 슬라이드 구조 설계

Claude가 주제와 발표 시간, 리서치 결과를 바탕으로 슬라이드 구조를 제안합니다.

발표 시간에 따른 슬라이드 수:

발표 시간	권장 슬라이드 수
5분	5~7장
10분	8~12장
20분	15~18장
30분+	20~28장

사용할 수 있는 슬라이드 종류 10가지:

종류	설명	용도
title (표지)	발표 제목이 크게 표시되는 첫 슬라이드	발표 시작 (필수)
intro (소개)	발표자 이름, 소속, 프로필 사진	자기 소개
section (섹션 구분)	어두운 배경에 큰 번호와 제목	주제가 바뀔 때 구분용
content-cards (카드형)	3개의 카드가 나란히 배치되는 레이아웃	핵심 개념 2~3개 설명
comparison (비교)	두 항목을 나란히 비교하는 레이아웃	Before/After, 장단점 비교
data-bars (데이터 차트)	세로 막대그래프가 표시되는 슬라이드	수치/통계 시각화
process-flow (단계)	4단계로 이어지는 순서도	프로세스, 절차 설명
quote (인용)	큰 따옴표와 함께 문구가 중앙에 배치	인상적인 문구 강조
checklist (체크리스트)	번호가 매겨진 항목 목록	요약, 실행 항목
closing (마무리)	핵심 메시지와 감사 인사	발표 마무리 (필수)

Claude가 구조를 표로 보여주면, 4가지 선택지 중 하나를 고릅니다:

"좋아요, 진행!" - 이 구조 그대로 만들기
"슬라이드 추가/삭제" - 특정 슬라이드를 추가하거나 빼기
"내용/순서 변경" - 슬라이드 내용이나 순서 바꾸기
"전체 재설계" - 완전히 다른 구조로 다시 제안받기

만족할 때까지 몇 번이든 수정을 요청할 수 있습니다.

Step 3: 자동 생성 & 빌드

구조를 확인하면 Claude가 모든 파일을 자동으로 만듭니다:

프로젝트 폴더를 생성합니다
선택한 테마를 적용한 디자인 파일을 만듭니다
각 슬라이드의 HTML 파일을 하나씩 생성합니다 (리서치 데이터 반영)
빌드 도구와 설정 파일을 준비합니다
CLAUDE.md (레이아웃 규칙)를 생성합니다 — 이후 슬라이드 수정 시 여백·정렬 자동 준수
extract-script.js (연습용 스크립트 추출)를 포함합니다

생성이 끝나면 파일 목록을 보여주고 확인을 요청합니다. "빌드 진행"을 선택하면 Claude가 자동으로 실행합니다:

npm install    # 필요한 도구 설치 (최초 1회)
npm run build  # 슬라이드를 하나의 HTML 파일로 조립

빌드 실패 시: build-doctor 에이전트가 자동으로 호출됩니다. 오류의 원인을 한국어로 쉽게 설명하고, 가능하면 자동으로 수정합니다.

진단 결과:
- 오류: slide-05-cases.html 12행에서 </div> 태그가 빠졌어요
- 비유: 괄호를 열었으면 닫아야 해요. 여는 괄호만 있으면 문장이 끝나지 않죠
- 수정: 12행에 </div> 추가 → 재빌드 성공

Step 4: 수정하기

완성된 프레젠테이션을 수정하는 3가지 방법이 있습니다:

방법 1: Claude에게 말하기 (가장 쉬움)

그냥 Claude에게 원하는 수정 사항을 말하면 됩니다:

"3번 슬라이드 제목을 '시장 현황'으로 바꿔줘"
"5번 슬라이드 뒤에 사례 슬라이드를 추가해줘"
"전체적으로 폰트를 좀 더 크게 해줘"

Claude가 파일을 수정하고 다시 빌드해 줍니다.

방법 2: HTML 파일 직접 수정

slides/ 폴더 안의 HTML 파일을 텍스트 편집기로 열어 직접 수정할 수 있습니다. 수정 후에는 빌드를 다시 실행해야 합니다:

cd ~/Desktop/presentation/{프로젝트이름} && npm run build

방법 3: 브라우저 에디터

브라우저에서 직접 편집할 수 있는 에디터를 제공합니다. 별도 터미널 창을 열고 아래 명령어를 실행하세요:

cd ~/Desktop/presentation/{프로젝트이름} && npm run serve

브라우저에서 localhost:3000에 접속하면 편집 버튼이 나타납니다.

에디터 주요 기능:

슬라이드 클릭하여 직접 편집
텍스트 서식 (굵게, 기울임, 정렬, 색상, 폰트)
요소 복사/붙여넣기 (Ctrl+C/V), 복제 (Ctrl+D)
실행취소/다시실행 (Ctrl+Z/Y)
오류 발생 시 "왜?" 버튼으로 원인 확인
발표자 노트 작성/편집 (N 키 또는 메모 버튼)
저장 시 소스 파일 자동 업데이트 + 재빌드

발표 연습용 스크립트

슬라이드에 작성한 발표자 노트를 한 페이지로 모아 연습할 수 있습니다:

cd ~/Desktop/presentation/{프로젝트이름} && npm run script

dist/script.html이 생성되며, 슬라이드별 노트, 소요 시간, 전체 발표 시간이 정리됩니다.

단축 명령어

플러그인과 함께 제공되는 커맨드입니다:

명령어	하는 일	대화 필요?
`/new-presentation`	프레젠테이션 새로 만들기	O (대화형)
`/rebuild`	프로젝트 즉시 빌드	X (즉시 실행)
`/preview`	브라우저에서 프레젠테이션 열기	X (즉시 실행)
`/serve`	에디터 서버 시작 안내	X (안내만)
`/export-pdf`	PDF 내보내기 안내	X (안내만)

프레젠테이션 조작법

완성된 프레젠테이션을 브라우저에서 열면:

키	동작
`→` 또는 `Space`	다음 슬라이드
`←`	이전 슬라이드
`Home`	첫 슬라이드로 이동
`End`	마지막 슬라이드로 이동
`N`	발표자 노트 패널 토글

화면 크기에 맞게 자동으로 조절됩니다 (1280x720 기준, 16:9 비율).

자주 묻는 질문

인터넷 없이도 프레젠테이션을 볼 수 있나요?

아니요. 글꼴을 인터넷에서 불러오기 때문에 처음 열 때는 인터넷이 필요합니다. 한 번 열어두면 브라우저가 글꼴을 저장해서, 이후에는 오프라인에서도 볼 수 있습니다.

만든 프레젠테이션을 다른 사람에게 보내려면?

dist/lecture.html 파일 하나만 보내면 됩니다. 상대방은 웹 브라우저에서 열기만 하면 됩니다. PDF가 필요하다면 npm run pdf 명령어로 PDF를 만들어 보낼 수도 있습니다.

프로필 사진을 넣으려면?

발표자 소개 슬라이드를 포함한 경우, assets/ 폴더에 profile.jpg 파일을 넣으면 자동으로 표시됩니다.

이미 만든 프레젠테이션을 다시 수정하려면?

Claude Code에서 해당 프로젝트 폴더로 이동한 뒤, Claude에게 수정 사항을 말하면 됩니다:

cd ~/Desktop/presentation/{프로젝트이름}

"4번 슬라이드 내용을 업데이트해줘"

macOS가 아닌 다른 운영체제에서도 되나요?

현재 open 명령어 등 일부 기능이 macOS 전용입니다. Windows나 Linux에서는 브라우저로 직접 dist/lecture.html 파일을 열어 사용할 수 있습니다.

발표 연습용 스크립트를 만들 수 있나요?

네. 슬라이드에 발표자 노트를 작성한 뒤, npm run script을 실행하면 dist/script.html이 생성됩니다. 슬라이드별 노트와 소요 시간이 한 페이지에 정리되어 있어 발표 연습에 활용할 수 있습니다.

Phase A가 필요 없으면?

시작 시 "Phase A 건너뛰기"를 선택하면 됩니다. 에이전트 분석 없이 바로 테마 선택부터 시작합니다. 더 빠르게 하려면 "빠른 생성"을 선택하세요 — 기본 설정으로 바로 생성됩니다.

버전 히스토리

버전	날짜	주요 변경
v3.1.0	2026-02-23	발표자 노트 패널 (N 키 토글), 연습용 스크립트 추출 (`npm run script`), CLAUDE.md 레이아웃 규칙 자동 생성
v2.1.0	2026-02-22	진행 순서 로드맵, auto-build hook, 4개 단축 커맨드
v2.0.0	2026-02-22	4개 에이전트 (strategist, researcher, analyzer, doctor), Phase A 워크플로우, 브라우저 에디터 5개 기능 추가, 서버 보안 강화
v1.1.0	2026-02-21	플러그인 구조 전환, README, 사용자 시나리오
v1.0.0	2026-02-21	최초 스킬 버전 (5가지 테마, 10가지 패턴, STOP Protocol)

GitHub

저장소: github.com/crystal0224/slide-maker
이슈/건의: GitHub Issues
라이선스: MIT (자유롭게 사용, 수정, 배포 가능)

라이선스

MIT License - LICENSE 파일 참조

만든 사람: 배수정 (@crystal0224)

Name		Name	Last commit message	Last commit date
Latest commit History 24 Commits
.claude-plugin		.claude-plugin
agents		agents
docs		docs
hooks		hooks
skills		skills
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md

Folders and files

Latest commit

History

Repository files navigation

Slide Maker

이런 분께 추천합니다

이 프로젝트는 어떻게 만들어졌는가

출발점: 하나의 HTML 파일

Phase 1: 모듈화 — 파일을 쪼개다

Phase 2: 스킬화 — 재사용 가능한 레시피로

Phase 3: 플러그인화 — 배포 가능한 구조로

Phase 4: 브라우저 에디터 — 코드 없이 편집하기

Phase 5: 에이전트 아키텍처 — AI가 판단하는 영역

Phase 6: Hook과 Command — 자동화와 단축키

Phase 7: 발표 준비 도구 — 노트, 스크립트, 레이아웃 규칙

최종 구조

설계 원칙 정리

설치 방법

필요한 것

방법 1: 마켓플레이스로 설치 (권장)

방법 2: 로컬 디렉토리로 테스트

Hook 설정 (선택사항)

사용법

시작하기

전체 워크플로우

Step 0: 기본 정보 입력

Phase A: AI 분석 (자동)

Step 1: 테마 선택

Step 2: 슬라이드 구조 설계

Step 3: 자동 생성 & 빌드

Step 4: 수정하기

방법 1: Claude에게 말하기 (가장 쉬움)

방법 2: HTML 파일 직접 수정

방법 3: 브라우저 에디터

발표 연습용 스크립트

단축 명령어

프레젠테이션 조작법

자주 묻는 질문

인터넷 없이도 프레젠테이션을 볼 수 있나요?

만든 프레젠테이션을 다른 사람에게 보내려면?

프로필 사진을 넣으려면?

이미 만든 프레젠테이션을 다시 수정하려면?

macOS가 아닌 다른 운영체제에서도 되나요?

발표 연습용 스크립트를 만들 수 있나요?

Phase A가 필요 없으면?

버전 히스토리

GitHub

라이선스

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors

Uh oh!

Languages

Packages