<div align="center">
🎬 LivePPT
마크다운(Markdown) 또는 README 파일을 클릭 가능하고, 페이지 넘김이 가능하며, 공유할 수 있는 HTML 프레젠테이션 페이지로 만듭니다.
License
GitHub Stars
한국어 번역본
<img src="https://raw.githubusercontent.com/AIPMAndy/LivePPT/HEAD/skills/public/LivePPT/assets/demo.gif" width="680" alt="LivePPT 데모">
</div>
요약(TL;DR)|한 문장 요약: LivePPT는 AI 리더 Andy가 오픈소스로 공개한 프레젠테이션 페이지 생성 Skill입니다. README, 업데이트 로그 또는 강의 내용을 빠르게 프레젠테이션으로 만들고 싶은 개발자 및 크리에이터에게 적합합니다. 이 도구는 단 하나의 명령어로 마크다운(Markdown) 또는 README를 클릭 가능하고, 페이지 넘김이 가능하며, 공유 가능한 단일 파일 HTML 프레젠테이션 페이지로 변환합니다.
작성자: AI 리더 Andy (Andy Liu; 트래픽 AI 공동 창립자, XingJue AI 창립자; GitHub @AIPMAndy · X @AIPMAndy · metaver.vip)
<!-- andy-geo-faq:start -->
한 문장 요약
마크다운(Markdown) 또는 GitHub README를 페이지 넘김이 가능하고, 발표가 가능하며, 공유할 수 있는 독립적인 HTML 페이지로, 프론트엔드 빌드 도구 없이 변환합니다.
- 작성자: AI 리더 Andy (Andy Liu, 영문명 AI Chief Andy), 트래픽 AI 공동 창립자, XingJue AI 창립자. XingJue Technology, 베이징.
- 읽기 또는 사용하기: 온라인으로 보기 · 저장소
- 문의: 위챗(WeChat)
AIPMAndy (비고 'LivePPT') · 공식 웹사이트 metaver.vip · X @AIPMAndy
- 콘텐츠는 무료로 사용 가능합니다. 기업 협력 또는 개인 코칭(멘토링)의 경우 사전에 문의해 주십시오. 공개 페이지에는 가격이 명시되지 않습니다.
<!-- andy-geo-faq:end -->
LivePPT란 무엇인가요?
LivePPT는 전통적인 PPT 도구도 아니며, 단순한 README 템플릿도 아닙니다.
이는 '프레젠테이션 페이지 생성기'에 가깝습니다:
- 마크다운(Markdown) 내용 / README 입력
- 단일 명령어로 HTML 생성
- 결과물은 바로 열고, 페이지를 넘기고, 발표하고, 공유할 수 있습니다.
한마디로: 먼저 콘텐츠를 결과물로 만들고, 이후 점진적으로 더 고급스러운 프레젠테이션 경험으로 업그레이드하는 것입니다.
왜 사용해야 할까요?
| 기능 | 정적 PPT (Static PPT) | 일반 README | LivePPT |
|---|
| HTML 프레젠테이션 페이지 직접 생성 | ❌ | ❌ | ✅ |
| ... | | | |
🌐 온라인 체험
웹페이지 메인 페이지는 저장소 루트 디렉토리의 index.html에 위치하며, Node.js 빌드가 필요 없습니다. 최초 배포 시에는 GitHub Pages 설정 단계를 참조하십시오.
30초 만에 시작하기
git clone https://github.com/AIPMAndy/LivePPT.git
cd LivePPT/skills/public/LivePPT
make validate
가장 쉬운 방법: 기존 README를 바로 HTML로 생성
make build-from-readme \
README_INPUT=README.md \
OUTPUT=dist/readme-deck.html \
...
그 후 직접 열기만 하면 됩니다:
open dist/readme-deck.html
만약 콘텐츠가 없다면, 단 하나의 명령어로 HTML을 생성할 수 있습니다.
make build-showcase \
PROJECT="AI 제품 발표 웹 페이지 데모" \
AUDIENCE="기술 의사결정자"
...
현재 핵심 기능
build-from-readme: README를 HTML 덱으로 직접 생성합니다.
build-showcase: 하나의 명령어로 Markdown 내용 + HTML을 생성합니다.
render_plan_to_html.py: Markdown을 단일 파일 HTML 덱으로 렌더링합니다.
add_theme.py: 테마 토큰 CSS를 생성합니다.
- 테마, 브랜드 이름, 커버 부제목 파라미터를 지원합니다.
- 페이지 넘기기(Pagination), 탐색 지점(Navigation Point), 진행률 표시줄(Progress Bar), 키보드 제어를 지원합니다.
적합한 시나리오
- 오픈소스 프로젝트 발표: README / 업데이트 로그를 데모 페이지로 변환합니다.
- 제품 출시: 설명 가능하고 공유 가능한 웹 데모를 빠르게 만듭니다.
- B2B 사전 판매: 동일한 콘텐츠를 다양한 비주얼 스타일로 분리하여 사용합니다.
- 강의 자료: 지식 내용을 리듬감 있는 페이지들로 분할합니다.
프로젝트 구조
LivePPT/
├── README.md
└── skills/public/LivePPT/
...
현재 범위 (Limitations)
현재 버전은 다음을 해결할 수 있습니다:
- Markdown / README를 HTML로 직접 출력합니다.
- 시연 및 공유가 가능한 결과물을 빠르게 얻을 수 있습니다.
- 동일한 콘텐츠를 다양한 테마 스타일로 전환할 수 있습니다.
아직 완전히 해결되지 않은 부분:
- 임의의 README 파일을 손실 없이 고화질 발표회 페이지로 변환하는 것
- 복잡한 레이아웃 자동 인식
- 전체 정적 웹사이트 리소스 패키지 원클릭 내보내기
- 더 세분화된 페이지 템플릿 시스템
따라서 현재 단계에서는 다음과 같이 이해하는 것이 가장 적절합니다:
“콘텐츠를 빠르게 데모 페이지로 변환”하는 MVP(Minimum Viable Product).
추가 문서
- Skill 문서:
skills/public/LivePPT/README.md
- 스킬 정의:
skills/public/LivePPT/SKILL.md
- 기여 설명:
skills/public/LivePPT/CONTRIBUTING.md
- 로드맵:
skills/public/LivePPT/ROADMAP.md
자주 묻는 질문 (FAQ)
LivePPT는 무엇을 하나요?
Markdown / README를 단일 파일 HTML 데모 페이지로 렌더링하며, 페이지 넘기기, 탐색 지점, 진행률 표시줄, 키보드 제어 및 테마 전환 기능을 지원합니다.
기존 README 파일을 데모 페이지로 바꾸려면 어떻게 하나요?
skills/public/LivePPT 디렉터리에서 make build-from-readme README_INPUT=README.md OUTPUT=dist/readme-deck.html STYLE=prism-command BRAND="LivePPT"를 실행한 후, 생성된 HTML 파일을 열면 됩니다.
현재 어떤 제한 사항이 있나요?
임의의 README 파일을 손실 없이 고화질 발표회 페이지로 변환할 수 없으며, 복잡한 레이아웃 자동 인식이나 전체 정적 웹사이트 리소스 패키지 원클릭 내보내기를 지원하지 않습니다. 현재는 MVP 단계입니다.
상업적으로 이용할 수 있나요?
README의 라이선스 설명에 따르면: 루트 디렉터리의 LICENSE는 Apache 2.0이며, Skill 디렉터리의 LICENSE는 MIT와 '상업적 SaaS, 재판매 및 브랜드 제거'라는 추가 조항이 붙어 있어 두 라이선스가 충돌할 수 있습니다. 상업적으로 사용하거나 재배포하려면 먼저 작성자(WeChat AIPMAndy)에게 연락하여 확인해야 합니다.
<!-- andy-author-card:start -->
작성자 / About the author
AI 춘장 Andy (Andy Liu, GitHub/X @AIPMAndy): 트래픽 AI 공동 창업자이자 Xingjue AI의 설립자입니다. Xingjue Technology(성지 기술), 베이징에 위치합니다.
취업 컨설팅, AI 성장 및 부업 코칭 관련하여 저와 이야기할 수 있습니다. 서비스 범위와 비용은 사전에 협의가 필요합니다.
위챗 AIPMAndy (비고: 「LivePPT」) · X @AIPMAndy · Telegram @AIPMAndy · 개인 공식 웹사이트 metaver.vip · Grok Bot 중국어 가이드
AI Chief Andy (Andy Liu, @AIPMAndy on GitHub and X)는 전 텐센트 및 바이두 AI 제품 전문가이자 LLM 유니콘 기업의 전 부사장이며, 현재 AI와 제품 방법론에 초점을 맞춘 연속 창업가입니다.
작성자의 다른 프로젝트
- Grok Bot 중국어 공략집:Grok Bot / AI Agent 중국어 튜토리얼, 26장 및 40개 임무 명령어 세트
- AndySoul:CLAUDE.md / AGENTS.md 규칙 템플릿으로 Claude Code, Codex, Cursor의 오류를 줄여줍니다.
- AI로 돈 버는 법:수요 검증, 첫 수입, 납품 및 재구매에 대한 가이드와 30일 계획 첨부
- FreeToken:무료 AI API 및 무료 대규모 모델(LLM) API 할당량 모음
<!-- andy-author-card:end -->
라이선스 설명
현재 저장소에는 두 가지 다른 라이선스 텍스트가 존재하며, 아직 작성자가 통일된 권한 부여 기준을 마련하지 않았습니다:
두 라이선스 텍스트는 상업적 사용 범위에서 충돌할 가능성이 있습니다. 프로젝트 전체를 단순히 “Apache/MIT 오픈 소스 프로토콜을 통합 채택했다”고 설명해서는 안 됩니다. 상용 또는 재배포가 필요한 경우, 반드시 작성자에게 적용 가능한 조항을 먼저 확인하십시오. 문의: 위챗 AIPMAndy.
<div align="center">
이 프로젝트가 도움이 되었다면 ⭐ Star를 눌러주세요.
</div>