op7418/guizang-ppt-skill
Claude Code/Codex 연동 HTML 웹 PPT 생성 스킬 - 단일 파일로 잡지풍·스위스 디자인 슬라이드 제작
17,466+20이번 주1,27811HTML
중간맛 분석
스택: HTML/CSS, 브라우저 기반 (별도 서버 불필요) / 난이도: 난이도 3 - AI 에이전트 연동 필수, 수동 구성도 가능 / 즉시 사용 가능: Yes, npx skills add 한 줄로 설치 후 '스위스풍 PPT 만들어줘' 정도 지시문으로 작동 / 데모: README에 Style A(잡지풍)·Style B(스위스풍) 이미지 2개 포함
이런 레포예요
이럴 때 쓰면 좋아요
- 오프라인 분享·세미나·내부 발표: 단일 HTML 파일로 빔 프로젝터 직접 연결 가능
- AI 제품 데모·스타트업 피칭: GPT-Image 2.0으로 배경 이미지 자동 생성, 정책·분석 콘텐츠는 Style B 스위스풍 데이터 시각화로 신뢰도↑
- 개인 브랜드·관점 공유: 블로그 글·아티클을 6-10페이지 잡지풍 슬라이드로 변환, 공개 링크·SNS 공유 용이
- 다중 플랫폼 封面 생성: 동일한 PPT 주제로 공중호 21:9 헤더·1:1 카드·小紅書 3:4·비디오호 16:9 封面 자동 생성
핵심 기능
Style A(잡지풍·10가지 레이아웃)·Style B(스위스 그리드·22가지 고정 버전식) 이중 시각 시스템좌우 스와이프·ESC 인덱스·하단 점프 버튼·저성능 정적 모드(B 키) 등 네비게이션Codex 기반 GPT-Image 2.0/M 2.0 배경 자동 생성·스크린샷 미화·다중 封面 생성 능력
대안 대비 차별점
마크다운이 아닌 HTML을 에이전트 네이티브로 생성·검증하므로, 복잡한 배치·정밀 색상·동적 효과를 AI가 직접 제어 가능. 스위스풍 버전은 22개 잠금 레이아웃으로 '설정보다 제약'을 우선해 일관된 고급 슬라이드 품질 보장.
준비물
- Claude Code 또는 Codex 등 AI Agent 환경
- shell 권한 (git clone 자동화용)
바로 시작하기
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill / 2. Claude Code에서 "스위스풍 PPT 만들어줘"라고 지시 (또는 README의 명시 프롬프트 사용) / 3. 생성된 index.html 브라우저에서 열기 (←→ 키로 좌우 페이징, 마우스 휠·터치 스와이프 지원)
별 추이 · 7일
17,466+20 / 7일
활용성 · 따라 만들기 좋은가
샘플 점수 14/100
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
🟢 최근 활동 있음 · 2026년 생성
AI가 README 기반으로 요약했습니다 · 원문 보기