[AI슬롭방지_고수]PPT_ Skill(with Claude+notebookLM)

이 스크립트를 발표자료용 씬으로 나눠줘 각 씬마다 화면에 들어갈 핵심 텍스트랑 어떤 비주얼로 보여줄건지 B-roll 플랜 계획을 세워줘 한줄도 빠뜨리지 않고 씬으로 나눠주고 각 씬에 비주얼 유형을 배정해줘 하얀색 배경에 서브스탭 강조는 glow로 퍼센티지 같은 것들은 막대나 원형 그래프로 표현하는 것도 좋아 디자인은 기본적으로 글래스 모피즘이 적용된 트렌디&심플 스타일 시각화가 강조 되었으면 좋겠어

이 기획대로 1920*1080풀스크린으로 PPTX를 작성할꺼야. 화살표 키로 서브 스텝이 순차적으로 등장하게 해줘 화이트 배경의 서브스텝, 강조는 글로우로. 가장 중요한 슬라이드에는 빨간색으로 포인트가 들어간 비쥬얼 요소 적용(예시 첨부파일 참고) 퍼센티지 같은 것들은 막대나 원형 그래프로 표현해줘. 시각화가 강조됐으면 좋겠어.

이 기획대로 1920×1080 풀스크린 PPTX 발표 자료를 만들어줘. 다크 배경의 깔끔한 디자인으로, 화살표 키로 요소가 순차적으로 등장하게 해줘.

텍스트가 겹치는 경우 있어. 글자 흐리게 만드는 건 빼줘. 카드랑 글자가 너무 작아. 글래스모피즘 디자인으로, 강조는 빛으로만 해줘.

> python-pptx로 애니메이션 그룹을 만들 때, **"텍스트는 항상 배경보다 나중에 그룹에 추가"** 가 핵심이다. > 그러나 이것만으론 부족하다 — **그룹 자체의 z-order 위치**와 **중첩 리스트 처리**까지 세 가지가 동시에 맞아야 한다. > 💬 시스템 프롬프트 요약: "python-pptx로 PPTX를 코드로 생성할 때, MK_GROUP 함수로 도형들을 그룹화하여 하나의 애니메이션 단위로 처리. 그룹 내 z-order와 spTree 삽입 위치가 모두 정확해야 함." ## 배경 python-pptx로 PPTX를 코드 생성할 때, 도형 여러 개를 하나의 클릭 애니메이션으로 묶으려면 OOXML `<p:grpSp>` 그룹 + `<p:bldP>` 타이밍을 직접 작성해야 함. 이 과정에서 반복적으로 발생한 버그 3가지와 각각의 수정 원칙을 기록함. --- ## 1. 버그 1 — 그룹이 spTree 맨 끝에 삽입되어 텍스트를 덮음 ### 현상 ``` 초기 상태(애니메이션 전): 텍스트가 배경 없이 허공에 뜬다 클릭 후: 카드 배경이 나타나며 텍스트를 덮어버린다 ``` ### 원인 ```python # ❌ 기존 코드 grp_el = etree.fromstring(grp_xml.encode()) for s in shapes: el = s._element el.getparent().remove(el) grp_el.append(el) spTree.append(grp_el) # ← 맨 끝에 추가 = 가장 높은 z-order ``` OOXML에서 spTree 내 원소 순서 = z-order (뒤쪽 = 위). 그룹이 마지막에 삽입되면 그룹 안의 배경 rect가 그룹 밖에 남아있던 텍스트박스들 **위에** 렌더링됨. ### 수정 ```python # ✅ 수정 코드 all_sp = list(spTree) shape_ids = {id(s._element) for s in shapes} positions = [i for i, el in enumerate(all_sp) if id(el) in shape_ids] insert_pos = min(positions) # 첫 번째 도형의 원래 위치 for s in shapes: el = s._element el.getparent().remove(el) grp_el.append(el) spTree.insert(insert_pos, grp_el) # ← 원래 자리에 삽입 ``` **핵심 원칙:** 그룹은 반드시 **첫 번째 멤버 도형의 원래 위치**에 삽입해야 함. 그래야 그룹 뒤에 남아있는 독립 도형들이 그룹 위에 렌더링되지 않음. --- ## 2. 버그 2 — 미캡처 텍스트가 그룹 밖에 떠있음 ### 현상 ``` 초기 상태: "p = 1", "D = |x₂−x₁| + |y₂−y₁|" 등 수식 텍스트만 배경 없이 보임 클릭 후: 카드 배경 나타남 → 텍스트는 이미 그룹 '뒤'라 가림 당함 ``` ### 원인 ```python # ❌ 변수에 담지 않아서 MK_GROUP에 전달 불가 pv = R(sl, x, y, w, h, fill=bg) T(sl, pval, x, y, w, h, ...) # 반환값 무시 → 그룹 밖에 남음 gid = MK_GROUP(sl, bg_card, pv) # pval 텍스트 미포함 ``` ### 수정 ```python # ✅ 모든 관련 도형을 변수로 캡처 pv = R(sl, x, y, w, h, fill=bg) pv_t = T(sl, pval, x, y, w, h, ...) # 캡처! gid = MK_GROUP(sl, bg_card, pv, pv_t) # 함께 그룹화 ``` **핵심 원칙:** MK_GROUP에 전달할 **모든 관련 도형을 변수로 저장**. `T(sl, ...)` 반환값을 버리면 그 텍스트는 영원히 그룹 밖에 남음. 루프 내 생성 패턴: ```python for k, (name, sub, col) in enumerate(metrics): mc = CARD(sl, x, y, w, h, border=col) mt1 = T(sl, name, ...) # 이름 텍스트 mt2 = T(sl, sub, ...) # 설명 텍스트 els.extend([mc, mt1, mt2]) # 셋 다 포함 ``` --- ## 3. 버그 3 — 중첩 리스트에서 CARD() 배경이 누락됨 ### 현상 ``` 설명 카드 영역: 제목/본문 텍스트가 배경 없이 보임 클릭 후: 배경 rect가 나타나며 텍스트를 덮어버림 ``` ### 원인 ```python # CARD()는 리스트를 반환함 c = CARD(sl, x, y, w, h, border=col, accent=col) # c = [bg_rect, accent_rect] ← 리스트 exp_shapes = [c, tl, bd] # exp_shapes = [[bg_rect, accent_rect], tl, bd] ← 중첩 리스트! # ❌ 단일 레벨 언팩: 중첩 리스트는 .left 없음 → 스킵 for a in args: items = a if isinstance(a, (list, tuple)) else [a] for x in items: if hasattr(x, 'left'): # [bg_rect, accent_rect]는 .left 없음! shapes.append(x) # bg_rect, accent_rect 누락! ``` `[bg_rect, accent_rect]` 자체는 list이므로 `.left` 속성이 없어 통째로 스킵됨. bg_rect가 그룹 밖에 남아 텍스트를 덮음. ### 수정 ```python # ✅ 재귀 딥플래튼으로 어떤 깊이든 Shape 추출 def _deep_flatten(x): result = [] if isinstance(x, (list, tuple)): for item in x: result.extend(_deep_flatten(item)) # 재귀 elif x is not None and hasattr(x, 'left'): try: _ = x.left result.append(x) except: pass return result shapes = _deep_flatten(args) ``` **핵심 원칙:** CARD()처럼 **리스트를 반환하는 헬퍼 함수**가 있다면, 단일 레벨 언팩이 아닌 **재귀 딥플래튼**을 사용해야 함. --- ## 4. 완성된 MK_GROUP 함수 ```python def MK_GROUP(sl, *args): """도형들을 grpSp로 묶어 하나의 애니메이션 단위로 처리. shape_id 반환. ★ 버그 수정 3가지 모두 반영: 1. 재귀 딥플래튼 (CARD()=[bg,accent] 중첩 리스트 누락 방지) 2. spTree insert_pos = 첫 도형 원래 위치 (z-order 유지) 3. 도형을 전달 순서대로 그룹에 추가 (내부 z-order 유지) """ def _deep_flatten(x): result = [] if isinstance(x, (list, tuple)): for item in x: result.extend(_deep_flatten(item)) elif x is not None and hasattr(x, 'left'): try: _ = x.left; result.append(x) except: pass return result shapes = _deep_flatten(args) if not shapes: return None spTree = sl.shapes._spTree all_sp = list(spTree) # 그룹 삽입 위치: 첫 번째 멤버 도형의 원래 z-order 위치 shape_ids = {id(s._element) for s in shapes} positions = [i for i, el in enumerate(all_sp) if id(el) in shape_ids] if not positions: return None insert_pos = min(positions) # 바운딩 박스 계산 lft = min(int(s.left) for s in shapes) top_v = min(int(s.top) for s in shapes) rgt = max(int(s.left + s.width) for s in shapes) btm = max(int(s.top + s.height) for s in shapes) # 고유 ID 생성 all_ids = [int(el.attrib['id']) for el in sl._element.iter() if 'id' in el.attrib and el.attrib['id'].isdigit()] nid = max(all_ids) + 1 if all_ids else 200 ns_p = "http://schemas.openxmlformats.org/presentationml/2006/main" ns_a = "http://schemas.openxmlformats.org/drawingml/2006/main" grp_xml = ( f'<p:grpSp xmlns:p="{ns_p}" xmlns:a="{ns_a}">' f'<p:nvGrpSpPr><p:cNvPr id="{nid}" name="Grp{nid}"/>' f'<p:cNvGrpSpPr/><p:nvPr/></p:nvGrpSpPr>' f'<p:grpSpPr><a:xfrm>' f'<a:off x="{lft}" y="{top_v}"/>' f'<a:ext cx="{rgt-lft}" cy="{btm-top_v}"/>' f'<a:chOff x="{lft}" y="{top_v}"/>' f'<a:chExt cx="{rgt-lft}" cy="{btm-top_v}"/>' f'</a:xfrm></p:grpSpPr></p:grpSp>' ) grp_el = etree.fromstring(grp_xml.encode()) # 도형을 전달 순서대로 그룹에 이동 (순서 = 내부 z-order) for s in shapes: el = s._element p = el.getparent() if p is not None: p.remove(el) grp_el.append(el) # ★ 핵심: append가 아닌 insert (원래 위치 유지) spTree.insert(insert_pos, grp_el) return nid ``` --- ## 5. 호출 규칙 체크리스트 MK_GROUP을 호출하기 전 반드시 확인: - **모든 관련 도형이 변수에 저장되어 있는가?** `T(sl, ...)` 반환값을 버리지 않았는가 - **배경 rect → 텍스트 순서로 전달하는가?** 배경이 먼저여야 그룹 내 z-order가 맞음 - **CARD() 반환값이 다른 리스트 안에 중첩되어 있지는 않은가?** 딥플래튼이 처리하지만, 의도적으로 확인 - **루프 안에서 생성되는 도형은 루프 밖 리스트에 `.extend([mc, t1, t2])`로 누적하는가?** ```python # ✅ 올바른 패턴 bg = CARD(sl, x, y, w, h, border=col) # [bg_rect, accent_rect] tl = T(sl, title, ...) bd = T(sl, body, ...) gid = MK_GROUP(sl, bg, tl, bd) # 배경 → 텍스트 순서 # ✅ 루프 패턴 els = [] for name, sub, col in data: mc = CARD(sl, x, y, w, h, border=col) mt1 = T(sl, name, ...) mt2 = T(sl, sub, ...) els.extend([mc, mt1, mt2]) # 3개씩 누적 gid = MK_GROUP(sl, els) ``` --- ## 참고: OOXML z-order 규칙 | 위치 | 의미 | |------|------| | spTree 앞쪽 원소 | 슬라이드 아래 (배경) | | spTree 뒤쪽 원소 | 슬라이드 위 (전경) | | grpSp 내부 순서 | 동일 규칙 적용 | | bldP animBg="1" | 그룹이 초기 숨김 상태 | grpSp의 `chOff == off`, `chExt == ext` 이면 자식 도형의 좌표 = 슬라이드 절대 좌표 (변환 없음).

지금 우리가 했던 작업들을 바탕으로 Claude 스킬 파일을 만들어줘. -스킬의 이름은 'phagos pptx' -트리거 키워드는 '우리의 pptx스킬', '양파고의 pptx스킬', 'pptx 자동화 스킬' 등 -수정한 기록들도 다시는 그런 실수 안 하게 디테일하게 기록해.(중복되는 수정사항은 통합 처리)

기본적으로 하얀색 배경으로 슬라이드를 만들어가지만, 다음 상황에서는 예시이미지를 참고하여 PPT에 드라마틱한 효과를 줄수도 있어. 첫페이지, 중간에 주의전환, 강조할 페이지에는 검은색 배경의 보라색, 그라이데이션 색이 입혀진 텍스트가 반영된 디자인도 할 수 있도록 스킬지침 업데이트해

① 일 시키기 ② 결과 확인 ③ 수정하기 ④ 수정 기록 저장 → 스킬 파일에 반영 ⑤ 반복할수록 수정량 감소