메뉴
← 도구 생태계 콘텐츠·슬라이드 · 개발 프레임워크

Slidev

마크다운과 Vue 컴포넌트로 개발자용 프레젠테이션을 만드는 도구. 코드 하이라이트·실시간 편집·발표자 화면을 쓰고, 결과를 정적 웹·PDF·PPTX로 내보낼 수 있습니다.

Anthony Fu MIT · 오픈소스 CLI · 웹 ★ 48k ⭐ 별 주기
콘텐츠·슬라이드개발 프레임워크

🔍 에디터 리뷰

cmore가 저장소를 직접 열어보고 써본 뒤 남긴 사용기입니다. 광고·협찬이 아닙니다. 검증일: 2026-08-10 기준의 기록이며, 도구는 계속 바뀝니다.

Node 24에서 직접 설치해 4장짜리 한국어 덱을 만들고 정적 웹, PDF, PPTX로 모두 내보냈습니다. 웹 빌드는 1초 안에 끝났고 PDF·PPTX도 각각 정확히 4장으로 생성됐습니다. 마크다운 한 파일에 Vue 컴포넌트와 CSS를 섞을 수 있어 코드 설명·기술 발표를 버전 관리하기 특히 좋습니다.솔직히: 기본 설치만 500MB가 넘고, 비대화형 환경에서는 테마를 먼저 설치해야 합니다. PDF·PPTX 내보내기는 playwright-chromium까지 따로 필요하며 현재 의존성 감사에 image-size의 high 경고 1건이 남아 있어, 신뢰하지 않는 이미지의 크기 판독에는 주의해야 합니다.

설치하기

아직 개발환경(터미널·Git·Node 등)이 없다면 lazy-starter-kit으로 먼저 준비하고 오세요.

PDF·PPTX 내보내기는 playwright-chromium을 별도로 설치해야 합니다.

터미널에서 
npm init slidev
GitHub 저장소 → 다른 도구 둘러보기
Slidev은(는) cmore.dev와 무관한 외부 프로젝트입니다. 소개와 리뷰는 "이런 게 있어요" 안내이지 보증이 아니며, 설치·사용에 대한 판단과 책임은 사용자에게 있습니다.

함께 볼 도구

개발 프레임워크

akanjs

비즈니스 코드 한 번 선언으로 웹·iOS·Android·서버·DB를 함께 출시하는 Bun 기반 풀스택 TypeScript 프레임워크. 모델 하나가 DB 스키마부터 API·상태관리·UI까지 8개 레이어를 관통하고, 엄격한 컨벤션 덕에 AI 코딩 에이전트와 궁합이 좋습니다.

리뷰·설치법 보기 → 디자인

anime

웹에서 무언가를 움직이게 할 때 쓰는 자바스크립트 애니메이션 엔진입니다. CSS 속성·SVG·DOM·자바스크립트 객체를 같은 문법 하나로 다루고, AI 코딩 도구에 '이 버튼 애니메이션 넣어줘'라고 할 때 에이전트가 가장 자주 꺼내 드는 라이브러리 중 하나입니다.

리뷰·설치법 보기 → 콘텐츠·슬라이드

deck-factory

한 줄 의도를 발표용 다크·에디토리얼 HTML 덱으로 만들어주는 Claude Code 스킬. 제안서·발표자료 초안을 빠르게 뽑을 때 좋습니다.

리뷰·설치법 보기 →