Presentation Structure

• 에이전트가 HTML 프레젠테이션에서 슬라이드를 추가, 제거 또는 순서 변경하고 모든 data-slide 속성과 goToSlide() TOC 참조를 올바르게 재번호 매기기를 원할 때.
• 에이전트가 올바른 section-slide 클래스, data-level 속성, section-desc 텍스트를 갖춘 새 섹션 구분자를 생성하기를 원할 때.
• 에이전트가 여정 바 상태를 추론하기를 원할 때 — 어떤 슬라이드가 빈 바를 표시하는지, 어떤 슬라이드가 레벨을 상속받는지, 어떤 슬라이드가 레벨 전환을 트리거하는지 파악.
• 프레젠테이션 구조를 검토하거나 감사하면서 에이전트가 누락, 중복 또는 불일치하는 goToSlide() 호출을 감지하기를 원할 때.

• 다른 프레임워크(예: Reveal.js, PowerPoint, Google Slides)로 구축된 프레젠테이션 작업을 하고 있는 경우 — 이 스킬은 presentation/index.html 단일 파일 형식에 특화되어 있습니다.
• 슬라이드 번호나 구조를 건드리지 않고 슬라이드 내용(텍스트, 이미지, 다이어그램)만 편집하면 되는 경우 — 그런 경우에는 스킬의 구조적 규칙이 불필요한 부담이 됩니다.

이 스킬은 일반 슬라이드, 레벨 전환 섹션 슬라이드, 타이틀 슬라이드의 세 가지 슬라이드 유형과 필요한 HTML 속성(data-slide, data-level, CSS 클래스)을 인코딩합니다. 에이전트는 어떤 속성이 필수이고, 어떤 것이 선택 사항이며, .level-badge와 같은 어떤 요소가 HTML에 하드코딩되어서는 안 되는지를 파악하고 있습니다.

누적 백분율 대신, 프레젠테이션은 네 가지 개별 레벨(low, medium, high, pro)을 사용하며, 각각 25 / 50 / 75 / 100% 바 채움에 매핑됩니다. Presentation Structure 스킬은 각 레벨을 트리거하는 슬라이드 범위, 이전 레벨을 상속하는 슬라이드, 그리고 바가 슬라이드 1에서는 숨겨지고 첫 번째 data-level 전환 이전에는 비어 있다는 점을 정확히 포착합니다.

구조적 편집이 이루어진 후, 에이전트는 모든 data-slide 속성을 1부터 순차적으로 다시 번호를 매기고, TOC/Journey Map 슬라이드의 모든 goToSlide() 호출을 업데이트하며, 빈 번호나 중복이 없는지 확인해야 합니다. Presentation Structure 스킬은 totalSlides가 DOM에서 자동으로 계산되므로 수동 업데이트가 필요하지 않음을 문서화하고 있습니다.

이 스킬은 목차 링크에 사용되는 goToSlide(n) 함수, 자동 계산되는 totalSlides 값, 그리고 지원되는 입력 방법인 화살표 키, 스페이스바, 터치 스와이프를 다룹니다. 이를 통해 에이전트는 슬라이드 번호 재정렬 후에도 목차 링크가 일관성을 유지하는지 검증할 수 있습니다.

섹션 구분자는 정확한 형식을 따릅니다: section-slide 클래스, 선택적 data-level, section-number 단락, <h1> 제목, 그리고 레벨 이름을 나타내는 section-desc 단락입니다. Presentation Structure 스킬은 에이전트가 전체 예상 마크업을 인식하도록 하여 새로 생성된 섹션이 즉시 유효한 상태가 되도록 합니다.

사용자가 에이전트에게 슬라이드 46 다음에 새로운 "Part 7" 섹션을 삽입해 달라고 요청합니다. Presentation Structure 스킬은 에이전트에게 다음 순서의 data-slide 번호를 가진 section-slide div를 생성하고, 적절한 data-level을 추가하며, 이후의 모든 슬라이드 번호를 다시 매기고, TOC 슬라이드의 모든 goToSlide() 호출을 업데이트하도록 지시합니다.

에이전트는 presentation/index.html에서 누락되거나 중복된 data-slide 값을 스캔하고, 모든 goToSlide() 호출을 실제 슬라이드 번호와 교차 검증하여 불일치 사항을 보고합니다. 이 작업은 Presentation Structure 스킬에 인코딩된 번호 재지정 규칙에 의해 완전히 지원됩니다.

사용자는 어떤 슬라이드가 어떤 여정 레벨에 속하는지에 대한 요약을 원합니다. 에이전트는 Presentation Structure 스킬의 레벨 전환 테이블을 활용하여 전체 HTML 파일을 읽지 않고도 슬라이드 범위, data-level 값, 그리고 이에 대응하는 바 채우기 백분율의 정확한 매핑을 생성합니다.

새 슬라이드를 구성하도록 요청받으면, 에이전트는 이 스킬의 정확한 HTML 템플릿을 사용합니다 — 올바른 클래스(title-slide, section-slide, 또는 일반 slide)를 선택하고, 올바른 속성을 배치하며, .level-badge는 런타임에 JS로 주입되므로 소스 HTML에서 생략해야 한다는 점을 인지합니다.