architecture-diagram
Draw an architecture, system, or flow diagram as a committable hand-drawn (sketch) image — SVG + PNG — in the Excalidraw /…
발표·브리핑 자료를 이야기부터 설계해 편집 가능한 .pptx로 만든다. 한 문장 주장과 단계 지도(목차)를 먼저 세운다. 장마다 주장형 제목·부제·근거·큰 숫자·출처를 정한 다음 격자·헤더 위치·글자 크기가 고정된 16가지 레이아웃으로 배치한다. 검사기가 주제형 제목, 출처 없는 숫자, 반론 없는 제안, 넘치는 글자, 한글 띄어쓰기 오류를 빌드 전에 막는다. 글자는 실제 텍스트, 차트는 기본 차트, 그림은 SVG까지 들어가 PowerPoint에서 그대로 고칠 수 있다. 테마는 WIGTN
Claude Code
$ npx -y skills add wigtn/wigtn-plugins --skill wigtn-ppt --agent claude-code
Codex
$ npx skills add wigtn/wigtn-plugins --skill wigtn-ppt -a codex -y
Cursor
$ npx skills add wigtn/wigtn-plugins --skill wigtn-ppt -a cursor -y
Gemini CLI
$ npx skills add wigtn/wigtn-plugins --skill wigtn-ppt -a gemini-cli -y
GitHub Copilot
$ npx skills add wigtn/wigtn-plugins --skill wigtn-ppt -a github-copilot -y
OpenCode
$ npx skills add wigtn/wigtn-plugins --skill wigtn-ppt -a opencode -y
Windsurf
$ npx skills add wigtn/wigtn-plugins --skill wigtn-ppt -a windsurf -y
name: wigtn-ppt description: >- 발표·브리핑 자료를 이야기부터 설계해 편집 가능한 .pptx로 만든다. 한 문장 주장과 단계 지도(목차)를 먼저 세운다. 장마다 주장형 제목·부제·근거·큰 숫자·출처를 정한 다음 격자·헤더 위치·글자 크기가 고정된 16가지 레이아웃으로 배치한다. 검사기가 주제형 제목, 출처 없는 숫자, 반론 없는 제안, 넘치는 글자, 한글 띄어쓰기 오류를 빌드 전에 막는다. 글자는 실제 텍스트, 차트는 기본 차트, 그림은 SVG까지 들어가 PowerPoint에서 그대로 고칠 수 있다. 테마는 WIGTN Light/Dark가 기본이고 중립·외부 테마로 바꿀 수 있다. Triggers on: 'ppt 만들어줘', '발표자료', '발표 자료 만들어줘', '슬라이드 만들어줘', '브리핑 자료', '보고 자료', '컨퍼런스 발표', '사례 발표', '발표 준비', 'pptx', 'wigtn ppt', 'wigtn 발표자료', '위그튼 ppt', '회사 발표자료', 'presentation', 'slide deck'. allowed-tools: Read, Write, Edit, Bash, Glob, Grep
발표·브리핑 자료를 이야기 → 장표 → pptx → 눈으로 확인 순서로 만든다. 디자인보다 논리를 먼저 검사한다. 장표를 매번 새로 그리지 않는다. 숫자로 정해 둔 격자와 레이아웃에 내용을 채우므로 빠르다. 장마다 헤더 위치와 글자 크기도 흔들리지 않는다.
1. 이야기가 먼저. 한 문장 주장(`meta.thesis`)과 단계 지도가 정해지기 전에는 장표를 만들지 않는다. 2. 제목은 주장이나 질문. "개요·배경·현황"은 쓰지 않는다. 제목만 이어 읽어도 이야기가 되어야 한다. 3. 숫자에는 출처. 출처 없는 숫자는 빌드되지 않는다. 숫자를 새로 만들지 않는다. 4. 반론을 먼저. 제안 앞에 불리한 근거를 보여 준다. 5. 자리와 크기는 정해져 있다. 제목 28pt·부제 16pt·본문 14pt 이상, 왼쪽 정렬, 여백 48pt. 넘치면 줄이거나 장을 나눈다. 글자를 줄여서 맞추지 않는다. 6. 모두 편집 가능하게. 글자는 텍스트 상자, 수치는 기본 차트, 그림은 PNG + SVG.
| 문서 | 언제 | |---|---| | [references/storyline.md](references/storyline.md) | 1단계. 유형별 목차 골격(talk·case·share·briefing), 장 구성, 흐름·출처·말투 규칙 | | [references/layout.md](references/layout.md) | 2단계. 격자, 헤더·꼬리 좌표, 글자 크기표, 레이아웃 16종, 색, 차트·그림 규칙 | | [references/deck-spec.md](references/deck-spec.md) | 1·2단계. deck.json 필드 | | [references/brand.md](references/brand.md) | WIGTN 테마를 쓸 때. 로고·퍼플 점 규칙 | | [references/design-guide.md](references/design-guide.md) | HTML로 낼 때만 |
DECK="bash ${CLAUDE_PLUGIN_ROOT}/skills/wigtn-ppt/scripts/deck.sh"
$DECK check talk/deck.json --story # 이야기만 검사 (layout 없이)
$DECK outline talk/deck.json # 장별 표: 구간·역할·이어받는 질문·제목·부제·근거·출처
$DECK check talk/deck.json # 이야기 + 배치(넘침·겹침·글자 크기) 검사
$DECK build talk/deck.json -o talk/deck.pptx
$DECK render talk/deck.pptx # → talk/deck-render/ 에 PDF, slide-NN.png, sheet-N.png한 번에 묶어서 묻는다. 대화나 자료에서 이미 알 수 있는 것은 묻지 않는다.
1. **유형과 시간**: 컨퍼런스 발표(`talk`) / 사례 발표, 프로덕션 경험(`case`) / 사내 공유(`share`) / 보고·브리핑(`briefing`), 몇 분 2. **청중**: 누가 듣는가, 무엇을 이미 아는가 3. **테마**: `wigtn-light`(밝은 발표장, 문서로 돌려 볼 때) / `wigtn-dark`(무대) / `neutral`(남의 행사, 브랜드 없이) / 테마 파일 경로 4. **재료**: 직접 잰 결과·데이터·그림이 있는지, 꼭 넣을 숫자와 출처
표지 정보(발표자·소속·행사·날짜)도 함께 받는다. 한 문장 주장은 묻기보다 재료를 읽고 먼저 제안해서 확인받는다.
1. `references/storyline.md`를 읽는다. 2. `meta`, `map.stages`, `terms`, 그리고 장마다 `role`·`title`·`lead`·`answers`·`source`·`tags`·`plant`/`payoff`·`notes`만 쓴다. layout과 그림은 아직 쓰지 않는다. 3. `$DECK check deck.json --story`가 오류 0이 될 때까지 고친다. 4. `$DECK outline deck.json` 표를 사용자에게 보여 주며 한 번 확인받는다. 같이 볼 것:
이 단계에서 고치는 비용이 가장 싸다. 장표를 만든 뒤에 흐름을 바꾸면 거의 다시 만든다.
1. `references/layout.md`와 `references/deck-spec.md`를 읽는다. 2. 장마다 `layout`을 고른다(layout.md 4절의 역할별 추천). 같은 layout이 네 장 넘게 이어지지 않게 섞는다. 3. 그림을 준비한다.
4. `$DECK check deck.json`이 오류 0이 될 때까지 고친다. 오류는 장 번호와 필드를 가리킨다.
| 오류 | 고치는 법 | |---|---| | `title: 2줄입니다` | 제목을 30자 안으로. 덜 중요한 말은 부제로 | | `lead: 2줄입니다` | 부제를 52자 안으로 | | `side: 내용 높이가 자리를 넘습니다` | 블록을 줄이거나 장을 나눈다. 글자 크기는 줄이지 않는다 | | `숫자나 차트가 있는데 출처가 없습니다` | 출처를 적는다. 직접 잰 값은 `직접 측정 · 날짜 · 표본` | | `영문·숫자 뒤 조사 앞에 띄어쓰기` | `RAG 의` → `RAG의` | | `제안 앞에 반론 장이 없습니다` | 불리한 근거 장(`counter`)을 제안 앞에 넣는다 |
1. `$DECK build deck.json -o deck.pptx` 2. `$DECK render deck.pptx` 후 `sheet-N.png`(12장씩 모은 그림)를 Read로 본다. 걸리는 장은 `slide-NN.png`를 크게 본다. 3. 눈으로 볼 것:
4. deck.json을 고쳐 다시 빌드한다. pptx를 손으로 고치지 않는다. 다음 빌드에서 사라진다.
이미지를 볼 수 없는 환경이면 눈으로 확인하는 단계를 건너뛰었다고 말한다. 끝났다고 하지 않는다.
생성 완료 - pptx: talks/<이름>/deck.pptx (발표자 노트 포함: 장마다 말할 것 + 넘어가는 말) - pdf: talks/<이름>/deck-render/deck.pdf - 이야기 표: talks/<이름>/outline.md ($DECK outline deck.json -o outline.md) - 남은 경고: … - 발표할 컴퓨터에 Pretendard가 없으면 글꼴이 바뀝니다 (무료, github.com/orioncactus/pretendard)
사용자가 장표 그림(시안, 스크린샷, 다른 도구로 만든 이미지)을 주면, 그림 한 장을 통째로 붙이지 않고 객체 단위로 나눈다.
1. 이미지를 Read로 보고 객체를 나눈다. 글자, 도형(면·선·화살표), 그림(일러스트·아이콘), 차트로 구분한다. 2. 글자 → `free.elements`의 `text`. 크기는 이미지에서 재지 않고 layout.md의 `role`로 정한다. 이미지 속 한글은 틀렸을 수 있으니 원문을 다시 쓴다. 3. 도형 → `rect`·`round`·`oval`·`line`. 색은 테마 이름 중 가장 가까운 것으로 정한다. 4. 그림 → 해당 부분만 잘라 PNG로 저장(Pillow), 또는 단순한 모양이면 SVG로 다시 그려 `image`로 넣는다. 5. 차트처럼 보이는 것 → 이미지에서 숫자를 읽어 내지 않는다. 원래 데이터를 받아 `chart`로 넣는다. 6. 좌표는 960×540pt 기준. 제목·부제·꼬리는 `free`에서도 `title`·`lead`·`source`를 쓰면 표준 자리에 들어간다.
사용자가 HTML(브라우저 발표)을 원해도 1–2단계는 그대로 한다. 3단계 대신 [design-guide.md](references/design-guide.md)와 [brand.md](references/brand.md)로 단일 HTML을 만든다. 격자와 글자 크기는 layout.md의 pt × 4/3을 1280×720px 캔버스에 쓴다.
Draw an architecture, system, or flow diagram as a committable hand-drawn (sketch) image — SVG + PNG — in the Excalidraw /…
Reference documents for deep code review (Level 3) and architecture review (Level 4). Used by code-reviewer agent for advanced…
Style guides and implementation rules for frontend design. Works with design-discovery agent which handles context gathering and…
세션에서 배운 것을 정책 게이트를 통과시켜 팀 위키에 자동 축적한다. github.com/wigtn/ repo 작업은 폴더 위치와 무관하게 팀 위키(wigtn-team-wiki)로 가고, 그 외는 전역…
최근 arXiv 논문을 가져와 우리 관심 분야와 관련 있는 것만 골라 한국어로 정리한다. arXiv API로 최신 논문을 수집하고, Hugging Face Daily Papers 업보트를 인기 신호로 붙인다. 이미 보여 준 논문은…
PRD를 입력으로 화면정의서 5종(IA, User Flow, Screen Spec, Wireframe HTML, Dev Handoff)을 순차 생성한다. Wireframe은 흑백 + 의미색만 사용하는 lo-fi…
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
Ask which skill or flow fits your situation. A router over the skills in this repo.