Communitygithub.com

antfu/slidev

개발자를 위한 웹 기반 슬라이드덱을 Markdown, Vue 컴포넌트, 코드 하이라이팅, 애니메이션, 인터랙티브 기능을 활용하여 Slidev로 제작하고 발표합니다. 기술 발표, 컨퍼런스 토크, 코드 워크스루, 교육 자료, 개발자 덱을 만들 때 사용하세요.

slidev란 무엇인가요?

이 기술은 개발자가 Slidev를 사용하여 웹 기반 슬라이드덱을 만들고 발표할 수 있도록 지원합니다. Slidev는 Markdown을 사용하여 슬라이드 콘텐츠를 작성하고 Vue 컴포넌트로 인터랙티브 요소를 추가할 수 있는 강력한 도구입니다. 코드 하이라이팅, 애니메이션, LaTeX 수식, 다이어그램 등 개발자에게 유용한 다양한 기능을 내장하고 있어 기술 프레젠테이션, 컨퍼런스 토크, 코드 워크스루, 교육 자료 제작에 이상적입니다. 이 기술은 Claude Code, Cursor, Codex와 같은 AI 에이전트 플랫폼에서 사용할 수 있도록 설계되었으며, Slidev의 명령줄 인터페이스(CLI)를 활용하여 슬라이드 생성, 미리보기, 빌드, 프레젠테이션 모드 등의 작업을 자동화합니다. 개발자는 Markdown 파일 하나로 전문적인 슬라이드덱을 신속하게 제작할 수 있으며, AI 에이전트가 슬라이드 콘텐츠 구조화, 테마 적용, 내보내기 등을 대행할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/antfu/skills/tree/main/skills/slidev

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

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

문서

slidev은(는) 무엇을 하나요?

개발자를 위한 웹 기반 슬라이드덱을 Markdown, Vue 컴포넌트, 코드 하이라이팅, 애니메이션, 인터랙티브 기능을 활용하여 Slidev로 제작하고 발표합니다. 기술 발표, 컨퍼런스 토크, 코드 워크스루, 교육 자료, 개발자 덱을 만들 때 사용하세요.

Individual skills in this repo

This repo contains 16 individual skills — each has its own dedicated page.

antfu/antfu

Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects. Use when setting up new projects, configuring ESLint/Prettier alternatives, monorepos, library publishing, or when the user mentions Anthony Fu's preferences.

antfu/nuxt

Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.

antfu/pinia

Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.

antfu/pnpm

Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces, or managing dependencies with catalogs, patches, or overrides.

antfu/tsdown

Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.

antfu/turborepo

Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines, creates packages, sets up monorepo, shares code between apps, runs changed/affected packages, debugs cache, or has apps/packages directories.

antfu/unocss

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

antfu/vite

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.

antfu/vitepress

VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.

antfu/vitest

Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures.

antfu/vue

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

antfu/vue-best-practices

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

antfu/vue-router-best-practices

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

antfu/vue-testing-best-practices

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

antfu/vueuse-functions

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

antfu/web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

관련 스킬