wigtn-ppt

Solid

WIGTN 브랜드 HTML 프레젠테이션 생성. 템플릿 없이 브랜드 원칙(잉크 네이비 + 시그니처 퍼플 점)을 기반으로 단일 self-contained HTML 발표자료를 만든다. Light / Dark 두 테마를 선택할 수 있고, WIGTN 로고와 퍼플 점 시그니처를 모든 슬라이드에 일관되게 적용한다. WIGTN 브랜드 발표자료에 한정해 동작한다(일반 PPT는 다른 PPT 스킬을 쓴다). Triggers on: 'wigtn ppt', 'wigtn 발표자료', '위그튼 ppt', 'wigtn 슬라이드', 'wigtn presentation', '브랜드 발표자료', '브랜드 PPT', '회사 PPT', '회사 발표자료'.

AI & Automation 45 stars 2 forks Updated 3 days ago Apache-2.0

Install

View on GitHub

Quality Score: 85/100

Stars 20%
55
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# WIGTN PPT Generator WIGTN 브랜드 정체성을 담은 **단일 HTML 프레젠테이션**을 만드는 스킬. 템플릿(.pptx) 없이도, 브랜드 원칙과 reference만으로 Claude가 매번 새로 디자인한다. ## 핵심 원칙 1. **원칙 기반, 템플릿 무의존** — 고정 템플릿 파일에 의존하지 않는다. `references/`의 브랜드 토큰 + 레이아웃 원칙을 읽고 그때그때 생성한다. 2. **브랜드 충실도 (Brand Fidelity)** — 정확한 HEX만 사용한다. "비슷한 색" 금지. 잉크 `#1E1E28`, 시그니처 퍼플(Pantone 265) `#9B51E0`. 3. **시그니처 퍼플 점 ��복** — `wigtn.` 의 마침표에서 온 퍼플 점(`.`)이 브랜드의 시그니처다. **모든 슬라이드**에 퍼플 점 모티프를 하나 이상 일관되게 반복한다 (페이지 번호 ��� 점, 섹션 번호의 점, 코너 점, 진행 도트 등). 4. **Light / Dark 듀얼 테마** — 발표 환경에 맞춰 둘 중 하나를 선택. 한 발표물 안에서 섞지 않는다. 5. **Viewport Fitting** — 모든 슬라이드는 정확히 `100vh`. 슬라이드 내부 스크롤 절대 금지. 6. **텍스트만의 슬라이드 금지** — 모든 슬라이드에 최소 하나의 시각 요소(도형·색 블록·점·라인·아이콘). 7. **Show, Don't Tell** — 디자인을 말로 묻지 않는다. 테마/콘텐츠만 확정하면 바로 생성하고, 스크린샷으로 보여준 뒤 조정한다. 8. **Zero-dependency** — 단일 HTML 파일. 브라우저에서 바로 발표 가능 (폰트는 CDN `<link>` 1줄만 허용). ## 브랜드 (요약) | 토큰 | 값 | 용도 | |------|-----|------| | Ink (네이비) | `#1E1E28` | Dark 배경 / Light ���스트 | | Purple (Pantone 265) | `#9B51E0` | **시그니처 점**, 강조, 링크 | | Purple Deep | `#6B2EAA` | 점 그림자, 깊이, 그라데이션 끝 | | White | `#FFFFFF` | Light 배경 / Dark 텍스트 | > 전체 팔레트(Light/Dark `:root` 스니펫), 로고 변형 사용 규칙, 타이포그래피, 점 시그니처 규칙은 **반드시 [references/brand.md](references/brand.md)를 Read**한 뒤 적용한다. ## 워크플로우 (4단계) ### Phase 0: 테마 + 콘텐츠 (AskUserQuestion 1회) `AskUserQuestion`으로 **한 번에** 묶어서 묻는다: 1. **테마** — `Light` (밝은 발표장·문서형) / `Dark` (무대·키노트형). 추천 포함. 2. **목적** — 컨퍼런스 / 팀 공유 / 피치덱 / 교육 / 경영진 보고 3. **분량** — 5–10장 / 10–20장 / 20장+ 4. **핵심 메시지 & 이미지** — 전달할 내용, 포함할 ...

Details

Author
wigtn
Repository
wigtn/wigtn-plugins
Created
8 months ago
Last Updated
3 days ago
Language
Python
License
Apache-2.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

vibe.presentation

소스 데이터(리서치/문서/지식그래프)를 16:9 HTML 슬라이드덱으로 생성한다. 디자인 시스템(타이포·색·그리드·1슬라이드1메시지)을 통째로 적용해 전문가 수준 결과를 뽑고, 1920×1080 PDF 로 발행한다. 사용자가 '슬라이드/PPT/프레젠테이션/덱 만들어줘' 라고 하면 이 스킬을 쓴다. 17종 스타일 프리셋은 references/style-presets.md 에서 style= 로 선택.

0 Updated today
su-record
Data & Documents Solid

deck-factory

발표급 다크 에디토리얼 HTML 덱을 손으로 짓는 디자인 시스템. 브리프/원고를 받아 Apple·Linear·Stripe 키노트급으로 보이는 프레젠테이션을 프론트엔드(HTML/CSS, 1920×1080 슬라이드)로 만들고 헤드리스 크로미움으로 PNG/PDF까지 렌더한 뒤 공유용 PDF는 기본 경량화한다. PPTX 생성기가 아니라 "슬라이드처럼 보이는 웹 페이지"를 짓는 방법론 + 재사용 CSS 토큰/컴포넌트. 기본은 다크 에디토리얼이고, 문서형·보고서형·출력형 브리프는 paper-light 프로파일로 전환한다. 트리거 — "발표자료/슬라이드/덱을 예쁘게", "IR·보고 덱을 발표급으로", "HTML로 프레젠테이션", "다크 에디토리얼 슬라이드", "키노트 톤 덱", "거대숫자 스탯 슬라이드", "deck-factory 디자인", 기존 밋밋한 덱을 "상용 발표자료처럼" 다시 짜달라는 요청. 핵심 규칙 — dark는 near-black #08090A 캔버스(순흑 금지), light는 paper #F7F4EC 캔버스, 채운 박스 금지(surface 래더 + hairline), 슬라이드당 accent 1곳, 거대숫자 value>label>context 3단 위계, 4모서리 헤더/푸터, eyebrow→마침표 액션타이��→지배 오브젝트 1개→tail 골격, CJK word-break:keep-all, 크기·트래킹으로 위계(굵기 남발 금지). 상세 토큰표·컴포넌트별 CSS·13-슬롯 레이아웃 어휘· 라이트 프로파일 전환·WSL 렌더 팁은 reference.md 참조.

75 Updated 1 months ago
kimsh-1
Web & Frontend Listed

create-ppt

개발 진행 현황 브리핑용 HTML 프레젠테이션을 자동으로 생성하는 스킬. 에이전트가 HTML을 직접 쓰지 않고 번들된 Python 스크립트에 위임하므로 토큰 비용이 최소화되고 항상 동일한 미니멀 흑백 디자인이 보장된다. "PPT 만들어줘", "발표자료 만들어", "브리핑 자료 생성해", "개발 현황 PPT", "클라이언트 발표자료", "프로젝트 소개 슬라이드 만들어", "고객 브리핑 준비해줘", "진행 현황 보고서 슬라이드" 같은 표현이 나오면 반드시 이 스킬을 사용한다. 개발자가 고객/외부 파트너에게 개발 현황이나 프로그램을 브리핑하는 상황에 특히 적합하다.

0 Updated today
gagip