슬라이드 디자인의 4가지 법칙

법칙 1: 1장 1메시지

나쁜 슬라이드:
┌────────────────────────────────────┐
│ 시스템 아키텍처 & 기술 스택 &       │
│ 데이터 흐름 & 성과 지표             │
│ (글자 20줄, 다이어그램 2개)          │
└────────────────────────────────────┘
→ 아무것도 전달되지 않음

좋은 슬라이드:
┌────────────────────────────────────┐
│         23분 → 3초                 │
│                                    │
│   진단 시간을 99.8% 단축했습니다     │
└────────────────────────────────────┘
→ 하나의 메시지가 강렬하게 전달됨

법칙 2: 6줄 제한

규칙	설명
한 슬라이드 글자	최대 6줄
한 줄 길이	최대 10단어
총 글자 수	최대 60단어

법칙 3: 시각 > 텍스트

텍스트로 설명:
"사용자가 질문을 입력하면 FastAPI 서버가 받아서
 LangGraph Agent Router가 적절한 Tool을 선택하고
 Neo4j나 ChromaDB에서 데이터를 가져와서
 LLM이 최종 답변을 생성합니다."

다이어그램으로 설명:
사용자 → FastAPI → Agent → [KG | RAG] → LLM → 답변

어느 쪽이 더 빨리 이해되는가? 당연히 다이어그램.

법칙 4: 코드는 핵심 5줄 이내

# 나쁜 예: 50줄 코드를 슬라이드에 넣기
# → 아무도 안 읽음, 글자가 너무 작음

# 좋은 예: 핵심 5줄만
@tool
def diagnose_error(error_code: str):
    """에러코드를 기반으로 설비를 진단합니다"""
    kg_result = query_knowledge_graph(error_code)
    rag_result = search_manuals(error_code)
    return synthesize(kg_result, rag_result)

---

슬라이드 구성 (12장)

슬라이드	제목	핵심 요소
1	표지	프로젝트명, 이름, 날짜
2	문제 정의	숫자 3개 (정지 시간, 검색 시간, 은퇴율)
3	현황	Before 이미지/다이어그램
4	솔루션 개요	한 문장 + 핵심 기능 3개
5	아키텍처	시스템 다이어그램 1개
6	KG 설명	그래프 스크린샷 + "1,247 노드"
7	RAG 설명	파이프라인 다이어그램 + "87% 정확도"
8	Agent 설명	핵심 코드 5줄
9	데모	"라이브 데모" 또는 영상
10	성과	Before/After 비교 표
11	향후 계획	3가지 방향
12	Q&A	"감사합니다. 질문 받겠습니다."

---

개발자를 위한 슬라이드 도구

Slidev (추천)

마크다운으로 슬라이드를 만드는 도구. 코드 하이라이팅, 라이브 코딩, 애니메이션 지원.

npm init slidev@latest

---
theme: default
title: 제조 AI 트러블슈팅 어시스턴트
---

# 23분 → 3초

제조 현장의 설비 진단 시간을 **99.8% 단축**했습니다

---

# 아키텍처

```mermaid
graph LR
    A[사용자] --> B[FastAPI]
    B --> C{Agent}
    C --> D[KG]
    C --> E[RAG]
    D --> F[LLM]
    E --> F
    F --> G[진단 결과]

---

### Marp (가볍고 빠른 대안)

```bash
npm install -g @marp-team/marp-cli
marp slides.md --pdf

---

핵심 정리

1. 1장 1메시지: 한 슬라이드에 하나의 핵심만
2. 6줄 제한: 글자는 최소화, 시각화로 대체
3. 코드 5줄: 핵심만 보여주고 나머지는 데모에서
4. Slidev: 개발자를 위한 최고의 슬라이드 도구