slidev
✓Markdown, Vue 구성 요소, 코드 강조 표시, 애니메이션 및 대화형 기능을 사용하여 개발자를 위한 웹 기반 슬라이드를 만들고 발표합니다. 기술 프레젠테이션, 컨퍼런스 강연 또는 교육 자료를 작성할 때 사용하세요.
SKILL.md
| Markdown Syntax | Slide separators, frontmatter, notes, code blocks | core-syntax | | Animations | v-click, v-clicks, motion, transitions | core-animations | | Headmatter | Deck-wide configuration options | core-headmatter | | Frontmatter | Per-slide configuration options | core-frontmatter | | CLI Commands | Dev, build, export, theme commands | core-cli |
| Components | Built-in Vue components | core-components | | Layouts | Built-in slide layouts | core-layouts | | Exporting | PDF, PPTX, PNG export options | core-exporting | | Hosting | Build and deploy to various platforms | core-hosting | | Global Context | $nav, $slidev, composables API | core-global-context |
| Line highlighting | ` `ts {2,3} ` | code-line-highlighting | | Click-based highlighting | ` `ts {1\|2-3\|all} ` | code-line-highlighting | | Line numbers | lineNumbers: true or {lines:true} | code-line-numbers | | Scrollable code | {maxHeight:'100px'} | code-max-height | | Code tabs | ::code-group (requires mdc: true) | code-groups |
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/slidevjs/slidev --skill slidev- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
slidev이란?
Markdown, Vue 구성 요소, 코드 강조 표시, 애니메이션 및 대화형 기능을 사용하여 개발자를 위한 웹 기반 슬라이드를 만들고 발표합니다. 기술 프레젠테이션, 컨퍼런스 강연 또는 교육 자료를 작성할 때 사용하세요. 출처: slidevjs/slidev.
slidev 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/slidevjs/slidev --skill slidev 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/slidevjs/slidev
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01