slidev
✓使用 Markdown、Vue 組件、代碼突出顯示、動畫和交互功能為開發人員創建和演示基於 Web 的幻燈片。在構建技術演示、會議演講或教材時使用。
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/hairyf/skills --skill slidev- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-02
- 更新時間
- 2026-02-18
快速解答
什麼是 slidev？
使用 Markdown、Vue 組件、代碼突出顯示、動畫和交互功能為開發人員創建和演示基於 Web 的幻燈片。在構建技術演示、會議演講或教材時使用。 來源：hairyf/skills。
如何安裝 slidev？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/hairyf/skills --skill slidev 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/hairyf/skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-02