Community코딩 & 개발github.com

lu920115/frontend-slides-skill

OpenClaw 스킬 - 아름다운 HTML 프레젠테이션을 생성하며, PPT 변환, 12가지 시각 스타일, 온라인 편집을 지원합니다.

frontend-slides-skill란 무엇인가요?

이 스킬은 OpenClaw 에이전트(예: Claude Code, Cursor, Cline 등)가 HTML 기반의 고품질 프레젠테이션(슬라이드)을 생성하도록 설계된 전문 도구입니다. 개발자나 기술 프레젠테이션 제작자가 PPT 파일을 변환하거나, 12가지 다양한 시각적 스타일 중 하나를 선택하여 깔끔하고 반응형인 HTML 슬라이드 데크를 빠르게 만들 수 있습니다. 이 스킬은 로컬 또는 클라우드 환경에서 Markdown 기반 입력을 HTML 슬라이드로 변환하며, 온라인 편집 기능을 통해 손쉽게 수정할 수 있습니다. Reveal.js 등 현대적인 슬라이드 프레임워크를 활용하여 코드 스니펫, 이미지, 애니메이션을 포함한 복잡한 프레젠테이션을 지원하므로, 기술 데모, 제품 발표, 교육 자료에 이상적입니다. 주요 사용 사례로는 PPT 파일을 대화형 웹 슬라이드로 변환하거나, 개발 문서를 발표용 슬라이드로 재구성하는 작업이 포함됩니다.

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

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

문서

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

OpenClaw 스킬 - 아름다운 HTML 프레젠테이션을 생성하며, PPT 변환, 12가지 시각 스타일, 온라인 편집을 지원합니다.

개요

이 스킬은 OpenClaw 에이전트가 HTML 기반의 프레젠테이션을 생성할 수 있게 해줍니다. PPT 파일을 변환하거나, 12가지 시각적 스타일 중 선택하여 깔끔한 슬라이드 데크를 만들 수 있습니다. 온라인 편집 기능도 제공하여 쉽게 수정할 수 있습니다.

주요 기능

  • HTML 프레젠테이션 생성: Markdown 기반 입력을 반응형 HTML 슬라이드로 변환
  • PPT 변환: 기존 PowerPoint 파일을 HTML로 변환
  • 12가지 시각 스타일: 다양한 테마와 레이아웃 선택 가능
  • 온라인 편집: 생성된 슬라이드를 웹 브라우저에서 직접 편집

사용 방법

  1. 에이전트에 프레젠테이션 내용을 Markdown 형식으로 제공합니다.
  2. 원하는 시각 스타일(예: modern, dark, minimal)을 지정합니다.
  3. 필요한 경우 PPT 파일을 업로드하여 변환을 요청합니다.
  4. 생성된 HTML 슬라이드를 온라인 편집기에서 수정합니다.

지원 플랫폼

  • OpenClaw 호환 에이전트 (Claude Code, Cursor, Cline 등)
  • 모든 현대 웹 브라우저

예제

# 내 프레젠테이션

## 슬라이드 1
- 첫 번째 항목
- 두 번째 항목

## 슬라이드 2
코드 예제:
```python
print("Hello, World!")

위 Markdown을 입력하면 HTML 슬라이드가 생성됩니다.

## 시각 스타일 목록

| 스타일 이름 | 설명 |
|-------------|------|
| `modern`    | 현대적인 미니멀 스타일 |
| `dark`      | 다크 테마 |
| `minimal`   | 최소한의 디자인 |
| `vibrant`   | 생동감 있는 색상 |
| `corporate` | 비즈니스 스타일 |
| `tech`      | 기술 프레젠테이션에 최적화 |
| `creative`  | 창의적인 레이아웃 |
| `elegant`   | 우아한 디자인 |
| `playful`   | 재미있는 요소 포함 |
| `formal`    | 공식적인 스타일 |
| `retro`     | 복고풍 디자인 |
| `nature`    | 자연에서 영감을 받은 테마 |

## 온라인 편집

생성된 HTML 파일은 온라인 편집기를 통해 수정할 수 있습니다. 편집기는 실시간 미리보기, 슬라이드 재정렬, 내용 편집 기능을 제공합니다.

## 참고 사항

- 모든 코드 블록과 CLI 명령어는 그대로 유지됩니다.
- 이미지와 링크는 원본 URL을 사용합니다.
- 환경 변수 이름은 변경되지 않습니다.

---

자세한 내용은 원본 저장소를 참조하세요.

관련 스킬