Communitygithub.com

whq217/slides-skill

Reveal.js를 사용하여 아름다운 HTML 프레젠테이션을 생성하기 위한 포괄적인 Claude Code 스킬입니다.

slides-skill란 무엇인가요?

이 스킬은 Claude Code 환경에서 Reveal.js를 활용하여 HTML 기반의 시각적으로 뛰어난 프레젠테이션을 손쉽게 제작할 수 있도록 설계되었습니다. 개발자, 기술 문서 작성자, 발표자 등이 마크다운 형식의 콘텐츠를 입력하면 자동으로 반응형 슬라이드쇼를 생성해주며, 복잡한 HTML/CSS/JavaScript 지식 없이도 전문적인 프레젠테이션을 만들 수 있습니다. Claude Code와의 통합을 통해 명령어 기반으로 슬라이드 생성, 편집, 미리보기, 내보내기 등 전체 워크플로우를 지원합니다. Reveal.js의 다양한 테마, 전환 효과, 코드 하이라이팅, 수학 공식 렌더링 등 고급 기능을 자동으로 구성하여 생산성을 극대화합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add whq217/slides-skill

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

slides-skill은(는) 무엇을 하나요?

Reveal.js를 사용하여 아름다운 HTML 프레젠테이션을 생성하기 위한 포괄적인 Claude Code 스킬입니다.

기능

  • 마크다운 기반 슬라이드 제작: 간단한 마크다운 문법으로 슬라이드 내용을 작성합니다.
  • Reveal.js 통합: 최신 Reveal.js 기능을 활용한 반응형 프레젠테이션.
  • 테마 지원: 다양한 Reveal.js 내장 테마 사용 가능.
  • 전환 효과: 슬라이드 간 다양한 전환 애니메이션 적용.
  • 코드 하이라이팅: 프레젠테이션 내 코드 블록에 자동 구문 강조.
  • 수학 공식: LaTeX 수학 공식 렌더링 지원.
  • 내보내기: HTML 파일로 쉽게 내보내기.

사용 방법

  1. Claude Code에서 이 스킬을 활성화합니다.
  2. slides:create 명령어로 새 프레젠테이션을 시작합니다.
  3. 마크다운으로 슬라이드 내용을 작성합니다.
  4. slides:preview로 미리보기를 확인합니다.
  5. slides:export로 완성된 HTML을 내보냅니다.

예제

# 제목 슬라이드

---

## 두 번째 슬라이드

- 항목 1
- 항목 2
- 항목 3

---

## 코드 슬라이드

```python
def hello():
    print("Hello, World!")

## 설정

`CLAUDE.md` 파일에서 기본 테마, 전환 효과 등을 설정할 수 있습니다.

```yaml
theme: black
transition: slide

참고

관련 스킬