# Client Skill Path: `packages/client/package.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/client/package.json) # Create-app Skill Path: `packages/create-app/package.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/create-app/package.json) # Template Skill Path: `packages/create-app/template/package.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/create-app/template/package.json) # Template Skill Path: `packages/create-app/template/pnpm-workspace.yaml` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/create-app/template/pnpm-workspace.yaml) # Template Skill Path: `packages/create-app/template/vercel.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/create-app/template/vercel.json) # Create-theme Skill Path: `packages/create-theme/package.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/create-theme/package.json) # .vscode Skill Path: `packages/create-theme/template/.vscode/extensions.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/create-theme/template/.vscode/extensions.json) # Template Skill Path: `packages/create-theme/template/example.md` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/create-theme/template/example.md) # Template Skill Path: `packages/create-theme/template/package.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/create-theme/template/package.json) # Parser Skill Path: `packages/parser/package.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/parser/package.json) { "name": "@slidev/cli", "type": "module", "version": "53.1.0", "description": "Presentation slides for developers", "author": "Anthony Fu ", "license": "MIT", "funding": "https://github.com/sponsors/antfu", "homepage": "https://sli.dev", "repository": { "type": "git", "url": "https://github.com/slidevjs/slidev" }, "bugs": "https://github.com/slidevjs/slidev/issues", "exports": { ".": { "types": "./dist/index.d.mts", "import": "./dist/index.mjs" }, "./*": "./*" }, "main": "dist/index.mjs", "module": "dist/index.mjs", "types": "dist/index.d.mts", "bin": { "slidev": "./bin/slidev.mjs" }, "files": [ "bin", "dist", "skills", "template.md" ], "engines": { "node": ">=22.22.0" }, "scripts": { "build": "tsdown node/index.ts node/cli.ts", "dev": "nr build --watch", "prepublishOnly": "npm run build", "start": "tsx node/cli.ts" }, "peerDependencies": { "playwright-chromium": "^1.10.0", "vite-plugin-pwa": "^1.0.0" }, "peerDependenciesMeta": { "playwright-chromium": { "optional": true }, "vite-plugin-pwa": { "optional": true } }, "dependencies": { "@antfu/ni": "catalog:prod", "@antfu/utils": "catalog:frontend", "@comark/markdown-it": "catalog:prod", "@iconify-json/carbon": "catalog:icons", "@iconify-json/ph": "catalog:icons", "@iconify-json/svg-spinners": "catalog:icons", "@lillallol/outline-pdf": "catalog:prod", "@modelcontextprotocol/node": "catalog:prod", "@modelcontextprotocol/server": "catalog:prod", "@shikijs/magic-move": "catalog:frontend", "@shikijs/markdown-it": "catalog:frontend", "@shikijs/twoslash": "catalog:prod", "@shikijs/vitepress-twoslash": "catalog:prod", "@slidev/client": "workspace:*", "@slidev/parser": "workspace:*", "@slidev/types": "workspace:*", "@unocss/extractor-mdc": "catalog:prod", "@unocss/reset": "catalog:frontend", "@vitejs/plugin-vue": "catalog:prod", "@vitejs/plugin-vue-jsx": "catalog:prod", "ansis": "catalog:prod", "chokidar": "catalog:prod", "cli-progress": "catalog:prod", "connect": "catalog:prod", "fast-deep-equal": "catalog:prod", "fast-glob": "catalog:prod", "get-port-please": "catalog:prod", "global-directory": "catalog:prod", "is-installed-globally": "catalog:prod", "jiti": "catalog:prod", "katex": "catalog:frontend", "lz-string": "catalog:frontend", "magic-string": "catalog:prod", "magic-string-stack": "catalog:prod", "markdown-exit": "catalog:prod", "markdown-it-footnote": "catalog:prod", "markdown-it-github-alerts": "catalog:prod", "mlly": "catalog:prod", "monaco-editor": "catalog:monaco", "obug": "catalog:prod", "open": "catalog:prod", "pathe": "catalog:prod", "pdf-lib": "catalog:prod", "picomatch": "catalog:prod", "plantuml-encoder": "catalog:frontend", "postcss-nested": "catalog:prod", "pptxgenjs": "catalog:prod", "prompts": "catalog:prod", "public-ip": "catalog:prod", "resolve-global": "catalog:prod", "shiki": "catalog:frontend", "sirv": "catalog:prod", "source-map-js": "catalog:prod", "typescript": "catalog:dev", "unhead": "catalog:frontend", "unocss": "catalog:prod", "unplugin-icons": "catalog:prod", "unplugin-vue-components": "catalog:prod", "unplugin-vue-markdown": "catalog:prod", "untun": "catalog:prod", "uqr": "catalog:prod", "verkit": "catalog:prod", "vite": "catalog:prod", "vite-plugin-inspect": "catalog:prod", "vite-plugin-remote-assets": "catalog:prod", "vite-plugin-static-copy": "catalog:prod", "vite-plugin-vue-server-ref": "catalog:prod", "vitefu": "catalog:prod", "vue": "catalog:frontend", "yaml": "catalog:prod", "yargs": "catalog:prod", "zod": "catalog:prod" }, "devDependencies": { "@hedgedoc/markdown-it-plugins": "catalog:prod", "@types/picomatch": "catalog:types", "@types/plantuml-encoder": "catalog:types", "jszip": "catalog:dev" } } --- # try also 'default' to start simple theme: seriph # random image from a curated Unsplash collection by Anthony # like them? see https://unsplash.com/collections/94734566/slidev background: https://cover.sli.dev # apply any unocss classes to the current slide class: 'text-center' # some information about the slides, markdown enabled info: | ## Slidev Starter Template Presentation slides for developers. Learn more at [Sli.dev](https://sli.dev) transition: slide-left title: Welcome to Slidev comark: true --- # Welcome to Slidev Presentation slides for developers

Press Space for next page

--- transition: fade-out --- # What is Slidev? Slidev is a slide maker and accompanying presentation tool designed for developers. It consists of the following features: - 📝 **Text-based** - focus on the content with Markdown, and apply styles later - 🎨 **Themable** - themes can be shared and used as npm packages - 🧑‍💻 **Developer Friendly** - code highlighting, live coding with autocompletion - 🤹 **Interactive** - embedding Vue components to enhance your slides - 🎥 **Recording** - built-in recording and camera view - 📤 **Portable** - export to PDF, PPTX, PNGs, or even a hostable SPA - 🛠 **Hackable** - virtually anything that's possible on a webpage is possible in Slidev

Read more about Slidev in [Why Slidev?](https://sli.dev/guide/why) --- layout: default --- # Table of contents ```html ``` --- transition: slide-up level: 2 --- # Navigation Hover on the bottom-left corner to see the navigation's control panel, [learn more](https://sli.dev/guide/navigation.html) ## Keyboard Shortcuts | | | | --- | --- | | right / space| next animation or slide | | left / shiftspace | previous animation or slide | | up | previous slide | | down | next slide |

Here!

--- layout: image-right image: https://cover.sli.dev --- # Code Use code snippets and get automatic highlighting, and even types hover![^1] ```ts {all|5|7|7-8|10|all} twoslash // TwoSlash enables TypeScript hover information // and errors in markdown code blocks // More at https://shiki.style/packages/twoslash import { computed, ref } from 'vue' const count = ref(0) const doubled = computed(() => count.value * 2) doubled.value = 2 ``` [^1]: [Learn More](https://sli.dev/guide/syntax.html#line-highlighting) --- # Components

You can use Vue components directly inside your slides. We have provided a few built-in components like `` and `` that you can use directly. Adding your own custom components is also super easy. ```html ``` Check out [the guides](https://sli.dev/builtin/components.html) for more.

```html ```

--- class: px-20 --- # Themes Slidev comes with powerful theming support. Themes can provide styles, layouts, components, or even configurations for tools. Switch between themes on a per-slide basis with just **one change** in your frontmatter:

```yaml --- theme: default --- ``` ```yaml --- theme: seriph --- ```

Read more about [How to use a theme](https://sli.dev/guide/theme-addon#use-theme) and check out the [Awesome Themes Gallery](https://sli.dev/resources/theme-gallery). --- preload: false --- # Animations Animations are powered by [@vueuse/motion](https://motion.vueuse.org/). ```html

Slidev

```

Slidev

[Learn More](https://sli.dev/guide/animations.html#motion)

--- # LaTeX LaTeX is supported out-of-box powered by [KaTeX](https://katex.org/).
Inline $\sqrt{3x-1}+(1+x)^2$ Block $$ {1|3|all} \begin{array}{c} \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\ \nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\ \nabla \cdot \vec{\mathbf{B}} & = 0 \end{array} $$
[Learn more](https://sli.dev/guide/syntax#latex) --- # Diagrams You can create diagrams / graphs from textual descriptions, directly in your Markdown.

```mermaid {scale: 0.5, alt: 'A simple sequence diagram'} sequenceDiagram Alice->John: Hello John, how are you? Note over Alice,John: A typical interaction ``` ```mermaid {theme: 'neutral', scale: 0.8} graph TD B[Text] --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2] ``` ```mermaid mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectivness
and features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid ``` ```plantuml {scale: 0.7} @startuml package "Some Group" { HTTP - [First Component] [Another Component] } node "Other Groups" { FTP - [Second Component] [First Component] --> FTP } cloud { [Example 1] } database "MySql" { folder "This is my folder" { [Folder 3] } frame "Foo" { [Frame 4] } } [Another Component] --> [Example 1] [Example 1] --> [Folder 3] [Folder 3] --> [Frame 4] @enduml ```

[Learn More](https://sli.dev/guide/syntax.html#diagrams) --- layout: center class: text-center --- # Learn More [Documentation](https://sli.dev) · [GitHub](https://github.com/slidevjs/slidev) · [Showcases](https://sli.dev/showcases.html) { "extends": "../../tsconfig.json" } { "name": "@slidev/types", "version": "53.1.0", "description": "Shared types declarations for Slidev", "author": "Anthony Fu ", "license": "MIT", "funding": "https://github.com/sponsors/antfu", "homepage": "https://sli.dev", "repository": { "type": "git", "url": "https://github.com/slidevjs/slidev" }, "bugs": "https://github.com/slidevjs/slidev/issues", "main": "dist/index.mjs", "module": "dist/index.mjs", "types": "index.d.ts", "files": [ "client.d.ts", "dist", "index.d.ts" ], "engines": { "node": ">=22.12.0" }, "scripts": { "build": "tsdown src/index.ts", "dev": "nr build --watch", "prepublishOnly": "npm run build" }, "dependencies": { "@antfu/utils": "catalog:frontend", "@shikijs/markdown-it": "catalog:frontend", "@vitejs/plugin-vue": "catalog:prod", "@vitejs/plugin-vue-jsx": "catalog:prod", "katex": "catalog:frontend", "mermaid": "catalog:frontend", "monaco-editor": "catalog:monaco", "shiki": "catalog:frontend", "unocss": "catalog:prod", "unplugin-icons": "catalog:prod", "unplugin-vue-markdown": "catalog:prod", "vite-plugin-inspect": "catalog:prod", "vite-plugin-remote-assets": "catalog:prod", "vite-plugin-static-copy": "catalog:prod", "vite-plugin-vue-server-ref": "catalog:prod", "vue": "catalog:frontend", "vue-router": "catalog:frontend" }, "devDependencies": { "tsdown-stale-guard": "catalog:dev" } } { "publisher": "antfu", "name": "slidev", "displayName": "Slidev", "type": "module", "preview": true, "version": "53.1.0", "private": true, "description": "Slidev support for VS Code", "license": "MIT", "repository": { "type": "git", "url": "https://github.com/slidevjs/slidev" }, "categories": [ "Other" ], "main": "./dist/index.cjs", "icon": "dist/res/logo.png", "engines": { "vscode": "^1.99.0" }, "activationEvents": [ "workspaceContains:**/*.md" ], "contributes": { "languages": [ { "id": "markdown", "configuration": "./syntaxes/language-configuration.json" }, { "id": "slidev" } ], "grammars": [ { "language": "slidev", "scopeName": "source.slidev", "path": "./syntaxes/slidev.tmLanguage.json", "embeddedLanguages": { "source.ts": "typescript", "source.yaml": "yaml" } }, { "path": "./syntaxes/markdown.json", "scopeName": "inject-to-markdown.main.slidev", "injectTo": [ "text.html.markdown" ], "embeddedLanguages": { "source.slidev": "slidev" } }, { "path": "./syntaxes/codeblock.json", "scopeName": "inject-to-markdown.codeblock.slidev", "injectTo": [ "text.html.markdown" ], "embeddedLanguages": { "source.slidev": "slidev", "source.ts": "typescript" } }, { "path": "./syntaxes/codeblock-patch.json", "scopeName": "inject-to-markdown.codeblock.patch.slidev", "injectTo": [ "text.html.markdown" ], "embeddedLanguages": { "source.slidev": "slidev", "meta.embedded.block.html": "html", "source.js": "javascript", "source.css": "css", "meta.embedded.block.frontmatter": "yaml", "meta.embedded.block.css": "css", "meta.embedded.block.ini": "ini", "meta.embedded.block.java": "java", "meta.embedded.block.lua": "lua", "meta.embedded.block.makefile": "makefile", "meta.embedded.block.perl": "perl", "meta.embedded.block.r": "r", "meta.embedded.block.ruby": "ruby", "meta.embedded.block.php": "php", "meta.embedded.block.sql": "sql", "meta.embedded.block.vs_net": "vs_net", "meta.embedded.block.xml": "xml", "meta.embedded.block.xsl": "xsl", "meta.embedded.block.yaml": "yaml", "meta.embedded.block.dosbatch": "dosbatch", "meta.embedded.block.clojure": "clojure", "meta.embedded.block.coffee": "coffee", "meta.embedded.block.c": "c", "meta.embedded.block.cpp": "cpp", "meta.embedded.block.diff": "diff", "meta.embedded.block.dockerfile": "dockerfile", "meta.embedded.block.go": "go", "meta.embedded.block.groovy": "groovy", "meta.embedded.block.pug": "jade", "meta.embedded.block.javascript": "javascript", "meta.embedded.block.json": "json", "meta.embedded.block.jsonc": "jsonc", "meta.embedded.block.latex": "latex", "meta.embedded.block.less": "less", "meta.embedded.block.objc": "objc", "meta.embedded.block.scss": "scss", "meta.embedded.block.perl6": "perl6", "meta.embedded.block.powershell": "powershell", "meta.embedded.block.python": "python", "meta.embedded.block.rust": "rust", "meta.embedded.block.scala": "scala", "meta.embedded.block.shellscript": "shellscript", "meta.embedded.block.typescript": "typescript", "meta.embedded.block.typescriptreact": "typescriptreact", "meta.embedded.block.csharp": "csharp", "meta.embedded.block.fsharp": "fsharp" } } ], "commands": [ { "command": "slidev.enable-extension", "category": "Slidev", "title": "Force enable Slidev extension" }, { "command": "slidev.disable-extension", "category": "Slidev", "title": "Force disable Slidev extension" }, { "command": "slidev.rescan-projects", "category": "Slidev", "title": "Rescan Slidev projects", "icon": "$(refresh)" }, { "command": "slidev.choose-entry", "category": "Slidev", "title": "Choose active slides entry" }, { "command": "slidev.add-entry", "category": "Slidev", "title": "Add Slidev markdown files as projects", "icon": "$(add)" }, { "command": "slidev.remove-entry", "category": "Slidev", "title": "Remove the given entry file from the active slides entries", "icon": "$(close)" }, { "command": "slidev.set-as-active", "category": "Slidev", "title": "Set the given entry file as the active one", "icon": "$(eye)" }, { "command": "slidev.prev", "category": "Slidev", "title": "Go to previous slide in this Markdown", "icon": "$(chevron-up)" }, { "command": "slidev.next", "category": "Slidev", "title": "Go to next slide in this Markdown", "icon": "$(chevron-down)" }, { "command": "slidev.refresh-preview", "category": "Slidev", "title": "Refresh preview page", "icon": "$(refresh)" }, { "command": "slidev.config-port", "category": "Slidev", "title": "Configure preview port" }, { "command": "slidev.start-dev", "category": "Slidev", "title": "Start slidev dev server", "icon": "$(run-all)", "enablement": "slidev:hasActiveProject" }, { "command": "slidev.open-in-browser", "category": "Slidev", "title": "Open slides in browser", "icon": "$(globe)" }, { "command": "slidev.show-slide-preview", "category": "Slidev", "title": "Switch to slide preview", "icon": "$(preview)", "enablement": "slidev:preview:overview" }, { "command": "slidev.show-overview-preview", "category": "Slidev", "title": "Switch to overview preview", "icon": "$(multiple-windows)", "enablement": "!slidev:preview:overview" }, { "command": "slidev.preview-prev-click", "category": "Slidev", "title": "Navigate to prev click in preview window", "icon": "$(arrow-left)", "enablement": "slidev:preview:has-prev-click" }, { "command": "slidev.preview-next-click", "category": "Slidev", "title": "Navigate to next click in preview window", "icon": "$(arrow-right)", "enablement": "slidev:preview:has-next-click" }, { "command": "slidev.preview-prev-slide", "category": "Slidev", "title": "Navigate to prev slide in preview window", "icon": "$(arrow-up)", "enablement": "slidev:preview:has-prev-slide" }, { "command": "slidev.preview-next-slide", "category": "Slidev", "title": "Navigate to next slide in preview window", "icon": "$(arrow-down)", "enablement": "slidev:preview:has-next-slide" }, { "command": "slidev.enable-preview-sync", "category": "Slidev", "title": "Sync preview window with editor cursor", "icon": "$(unlock)", "enablement": "!slidev:preview:sync" }, { "command": "slidev.disable-preview-sync", "category": "Slidev", "title": "Unsync preview window with editor cursor", "icon": "$(lock)", "enablement": "slidev:preview:sync" } ], "menus": { "commandPalette": [ { "command": "slidev.remove-entry", "when": "false" }, { "command": "slidev.set-as-active", "when": "false" } ], "editor/title": [ { "when": "slidev:enabled && slidev:editing-markdown", "command": "slidev.prev", "group": "navigation" }, { "when": "slidev:enabled && slidev:editing-markdown", "command": "slidev.next", "group": "navigation" } ], "view/title": [ { "command": "slidev.add-entry", "when": "view =~ /slidev-projects-tree/", "group": "navigation@1" }, { "command": "slidev.rescan-projects", "when": "view =~ /slidev-projects-tree/", "group": "navigation@2" }, { "command": "slidev.preview-prev-slide", "when": "view =~ /slidev-preview/ && slidev:preview:ready && !slidev:preview:compat && !slidev:preview:overview", "group": "navigation@1" }, { "command": "slidev.preview-next-slide", "when": "view =~ /slidev-preview/ && slidev:preview:ready && !slidev:preview:compat && !slidev:preview:overview", "group": "navigation@2" }, { "command": "slidev.preview-prev-click", "when": "view =~ /slidev-preview/ && slidev:preview:ready && !slidev:preview:compat && !slidev:preview:overview", "group": "navigation@3" }, { "command": "slidev.preview-next-click", "when": "view =~ /slidev-preview/ && slidev:preview:ready && !slidev:preview:compat && !slidev:preview:overview", "group": "navigation@4" }, { "command": "slidev.start-dev", "when": "view =~ /slidev-preview/ && !slidev:preview:ready", "group": "navigation@5" }, { "command": "slidev.open-in-browser", "when": "view =~ /slidev-preview/ && slidev:preview:ready", "group": "navigation@7" }, { "command": "slidev.show-slide-preview", "when": "view =~ /slidev-preview/ && slidev:preview:ready && !slidev:preview:compat && slidev:preview:overview", "group": "navigation@8" }, { "command": "slidev.show-overview-preview", "when": "view =~ /slidev-preview/ && slidev:preview:ready && !slidev:preview:compat && !slidev:preview:overview", "group": "navigation@8" }, { "command": "slidev.refresh-preview", "when": "view =~ /slidev-preview/", "group": "navigation@6" }, { "command": "slidev.enable-preview-sync", "when": "view =~ /slidev-preview/ && !slidev:preview:sync", "group": "navigation@5" }, { "command": "slidev.disable-preview-sync", "when": "view =~ /slidev-preview/ && slidev:preview:sync", "group": "navigation@5" } ], "view/item/context": [ { "command": "slidev.set-as-active", "when": "view == slidev-projects-tree && viewItem =~ //", "group": "inline@1" }, { "command": "slidev.remove-entry", "when": "view == slidev-projects-tree && viewItem =~ //", "group": "inline@2" } ] }, "configuration": { "title": "Slidev", "properties": { "slidev.force-enabled": { "type": [ "boolean", "null" ], "scope": "window", "description": "Force enable Slidev extension", "default": null }, "slidev.port": { "type": "number", "scope": "window", "description": "The default port of Slidev server", "default": 3030 }, "slidev.annotations": { "type": "boolean", "scope": "window", "description": "Display annotations for slides markdown files", "default": true }, "slidev.annotations-line-numbers": { "type": "boolean", "scope": "window", "description": "Display line numbers in code blocks", "default": true }, "slidev.preview-sync": { "type": "boolean", "scope": "window", "description": "Sync preview window with editor cursor", "default": true }, "slidev.include": { "type": "array", "scope": "window", "description": "Glob patterns to include slides entries", "items": { "type": "string" }, "default": [ "**/slides.md" ] }, "slidev.exclude": { "type": "string", "scope": "window", "description": "A glob pattern to exclude slides entries", "default": "**/node_modules/**" }, "slidev.dev-command": { "type": "string", "scope": "window", "description": "The command to start Slidev dev server. See https://sli.dev/features/vscode-extension#dev-command", "default": "npm exec -c 'slidev ${args}'" } } }, "viewsContainers": { "activitybar": [ { "id": "slidev", "title": "Slidev", "icon": "dist/res/logo-mono.svg" } ] }, "views": { "slidev": [ { "id": "slidev-projects-tree", "name": "Projects", "visibility": "collapsed", "initialSize": 1, "when": "slidev:enabled && (!slidev:preview:overview || !slidev:preview:ready)" }, { "id": "slidev-slides-tree", "name": "Slides", "visibility": "visible", "initialSize": 3, "when": "slidev:enabled && (!slidev:preview:overview || !slidev:preview:ready)" }, { "type": "webview", "id": "slidev-preview", "name": "Preview", "visibility": "visible", "initialSize": 3, "when": "slidev:enabled" } ] }, "viewsWelcome": [ { "view": "slidev-slides-tree", "contents": "No active slides entry.\n[Choose one](command:slidev.choose-entry)" } ], "languageModelTools": [ { "name": "slidev_getActiveSlide", "tags": [ "slidev" ], "toolReferenceName": "getActiveSlide", "displayName": "Get Active Slide", "modelDescription": "Get the information of the active slide the user is currently focused on in a Slidev presentation.", "userDescription": "Get the information of the active slide in a Slidev presentation.", "canBeReferencedInPrompt": true, "icon": "$(debug-stackframe-active)", "inputSchema": { "type": "object", "properties": {} } }, { "name": "slidev_getSlideContent", "tags": [ "slidev" ], "toolReferenceName": "getSlideContent", "displayName": "Get Slide Content", "modelDescription": "Get the content of a specific slide in a Slidev presentation by providing the slide number.", "userDescription": "Get the content of a specific slide in a Slidev presentation by providing the slide number.", "canBeReferencedInPrompt": true, "icon": "$(file-code)", "inputSchema": { "type": "object", "properties": { "entrySlidePath": { "type": "string", "description": "The path to the Slidev entry file (e.g., `./slides.md`). Empty string means the active slide entry.", "default": "$ACTIVE_SLIDE_ENTRY" }, "slideNo": { "type": "number", "description": "The slide number to retrieve content from. Starts from 1. Hidden slides are not counted." } } } }, { "name": "slidev_getAllSlideTitles", "tags": [ "slidev" ], "toolReferenceName": "getAllSlideTitles", "displayName": "Get All Slide Titles", "modelDescription": "Get the list of all slide titles in the specified Slidev project.", "userDescription": "Get the list of all slide titles in the specified Slidev project.", "canBeReferencedInPrompt": true, "icon": "$(list-unordered)", "inputSchema": { "type": "object", "properties": { "entrySlidePath": { "type": "string", "description": "The path to the Slidev entry file (e.g., ./slides.md). Empty string means the active slide entry.", "default": "$ACTIVE_SLIDE_ENTRY" } } } }, { "name": "slidev_findSlideNoByTitle", "tags": [ "slidev" ], "toolReferenceName": "findSlideNoByTitle", "displayName": "Find Slide Number by Title", "modelDescription": "Find the slide number in the specified Slidev project by its title.", "userDescription": "Find the slide number in the specified Slidev project by its title.", "canBeReferencedInPrompt": true, "icon": "$(search)", "inputSchema": { "type": "object", "properties": { "entrySlidePath": { "type": "string", "description": "The path to the Slidev entry file (e.g., ./slides.md). Empty string means the active slide entry.", "default": "$ACTIVE_SLIDE_ENTRY" }, "title": { "type": "string", "description": "The title of the slide to search for." } } } }, { "name": "slidev_listEntries", "tags": [ "slidev" ], "toolReferenceName": "listEntries", "displayName": "List All Loaded Slidev Entries", "modelDescription": "Get all loaded Slidev project entry file paths.", "userDescription": "Get all loaded Slidev project entry file paths.", "canBeReferencedInPrompt": true, "icon": "$(file-directory)", "inputSchema": { "type": "object", "properties": {} } }, { "name": "slidev_getPreviewPort", "tags": [ "slidev" ], "toolReferenceName": "getPreviewPort", "displayName": "Get Project Preview Port", "modelDescription": "Get the preview port number of the specified Slidev project.", "userDescription": "Get the preview port number of the specified Slidev project.", "canBeReferencedInPrompt": true, "icon": "$(plug)", "inputSchema": { "type": "object", "properties": { "entrySlidePath": { "type": "string", "description": "The path to the Slidev entry file (e.g., ./slides.md). Empty string means the active slide entry.", "default": "$ACTIVE_SLIDE_ENTRY" } } } }, { "name": "slidev_chooseEntry", "tags": [ "slidev" ], "toolReferenceName": "chooseEntry", "displayName": "Choose Active Slidev Entry", "modelDescription": "Switch the active Slidev project entry to the specified entry file path.", "userDescription": "Switch the active Slidev project entry to the specified entry file path.", "canBeReferencedInPrompt": true, "icon": "$(arrow-swap)", "inputSchema": { "type": "object", "properties": { "entrySlidePath": { "type": "string", "description": "The path to the Slidev entry file to activate (e.g., ./slides.md).", "default": "" } }, "required": [ "entrySlidePath" ] } } ] }, "scripts": { "publish": "tsx scripts/publish.ts", "pack": "vsce package --no-dependencies", "prepare": "tsx scripts/schema.ts", "build": "tsdown --env.NODE_ENV production --treeshake --minify", "dev": "nr prepare && tsdown --watch ./src --watch ./language-server --env.NODE_ENV development", "vscode:prepublish": "nr build" }, "devDependencies": { "@antfu/utils": "catalog:frontend", "@slidev/parser": "workspace:*", "@slidev/types": "workspace:*", "@types/node": "catalog:types", "@types/vscode": "^1.99.0", "@volar/language-server": "catalog:vscode", "@volar/vscode": "catalog:vscode", "get-port-please": "catalog:prod", "mlly": "catalog:prod", "ovsx": "catalog:dev", "pathe": "catalog:prod", "picomatch": "catalog:vscode", "prettier": "catalog:vscode", "reactive-vscode": "catalog:vscode", "tm-grammars": "catalog:frontend", "ts-json-schema-generator": "catalog:vscode", "volar-service-prettier": "catalog:vscode", "vscode-uri": "catalog:vscode", "yaml-language-server": "catalog:vscode" } } # Schema Skill Path: `packages/vscode/schema/frontmatter.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/vscode/schema/frontmatter.json) # Schema Skill Path: `packages/vscode/schema/headmatter.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/vscode/schema/headmatter.json) # .vscode Skill Path: `packages/vscode/syntaxes/.vscode/settings.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/vscode/syntaxes/.vscode/settings.json) # Syntaxes Skill Path: `packages/vscode/syntaxes/codeblock.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/vscode/syntaxes/codeblock.json) # Syntaxes Skill Path: `packages/vscode/syntaxes/language-configuration.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/vscode/syntaxes/language-configuration.json) # Syntaxes Skill Path: `packages/vscode/syntaxes/markdown.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/vscode/syntaxes/markdown.json) # Syntaxes Skill Path: `packages/vscode/syntaxes/pages.md` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/vscode/syntaxes/pages.md) # Syntaxes Skill Path: `packages/vscode/syntaxes/slidev.example.md` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/vscode/syntaxes/slidev.example.md) # Syntaxes Skill Path: `packages/vscode/syntaxes/slidev.tmLanguage.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/vscode/syntaxes/slidev.tmLanguage.json) # Syntaxes Skill Path: `packages/vscode/syntaxes/tsconfig.json` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/packages/vscode/syntaxes/tsconfig.json) { "extends": "../../tsconfig.json", "compilerOptions": { "module": "Preserve" } } # Skills Generation Information This document contains information about how these skills were generated and how to keep them synchronized with the documentation. ## Generation Details **Generated from documentation at:** - **Commit SHA**: `9d30081469cd7ed08586bb8973649a88567cfa25` - **Short SHA**: `9d300814` - **Date**: 2026-01-13 15:41:28 +0900 - **Version**: v52.11.3 - **Commit**: chore: release v52.11.3 **Source documentation:** - Main docs: `/docs` folder **Generation date**: 2026-01-26 ## Structure ``` skills/ ├── GENERATION.md # This file └── slidev/ ├── SKILL.md # Table-based reference to all features └── references/ # Agent-optimized reference files ``` ## File Naming Convention Files are prefixed by category: - `core-*` - Core documentation (syntax, config, CLI, etc.) - `code-*` - Code block features - `editor-*` - Editor integrations - `diagram-*` - Diagram and math support - `layout-*` - Layout and positioning - `style-*` - Styling features - `animation-*` - Animation features - `syntax-*` - Markdown syntax extensions - `presenter-*` - Presenter mode features - `build-*` - Build and export features - `tool-*` - CLI tools - `api-*` - API and hooks ## How Skills Were Generated The Slidev skills were created by: 1. **Reading all documentation** from `/docs` folder: - `/docs/guide/*.md` - Core guides (syntax, animations, layouts, etc.) - `/docs/builtin/*.md` - Built-in features (CLI, components, layouts) - `/docs/features/*.md` - Individual features (43 files) - `/docs/custom/*.md` - Customization options 2. **Creating table-based SKILL.md**: Main skill file with: - Quick start and basic syntax - Core references table (syntax, animations, config, CLI, etc.) - Feature reference tables by category - Links to detailed reference files 3. **Creating core documentation references** (10 files): - `core-syntax.md` - Markdown syntax from guide/syntax.md - `core-animations.md` - Animation system from guide/animations.md - `core-headmatter.md` - Deck config from custom/index.md - `core-frontmatter.md` - Per-slide config from custom/index.md - `core-cli.md` - CLI commands from builtin/cli.md - `core-components.md` - Built-in components from builtin/components.md - `core-layouts.md` - Built-in layouts from builtin/layouts.md - `core-exporting.md` - Export options from guide/exporting.md - `core-hosting.md` - Deployment from guide/hosting.md - `core-global-context.md` - Navigation API from guide/global-context.md 4. **Creating feature references** (41 files): - Each feature from `/docs/features/` rewritten for agent consumption - Concise, actionable format - Clear code examples - No unnecessary prose - Prefixed by category ## Updating Skills (For Future Agents) When Slidev documentation changes, follow these steps to update the skills: ### 1. Check for Documentation Changes ```bash # Get changes in docs since generation git diff sha_of_last_generation..HEAD -- docs/ # List changed files git diff --name-only sha_of_last_generation..HEAD -- docs/ # Get summary of changes git log --oneline sha_of_last_generation..HEAD -- docs/ ``` ### 2. Identify What Changed Focus on these documentation areas: - `/docs/guide/` - Core concepts and workflows - `/docs/builtin/` - Built-in features (CLI, components, layouts) - `/docs/features/` - Individual features - `/docs/custom/` - Configuration and customization ### 3. Update Skills **For minor changes** (typos, clarifications, small additions): - Update the relevant section in `SKILL.md` - Update corresponding file in `references/` if needed **For major changes**: - Read the changed documentation files - Update `SKILL.md` sections: - Add new changes to appropriate sections - Update examples if APIs changed - Add to "Common Patterns" if applicable - Update or add files in `references/` **For new features**: - Add documentation file to `references/` with appropriate prefix - Do not just copy the file from the docs, rewrite it for agent consumption - Add entry in `SKILL.md` with: - Brief description in relevant section - Code example - Best practices if applicable - Reference to detailed docs ### 4. Incremental Sync Process ```bash # 1. Check what docs changed git diff sha_of_last_generation..HEAD -- docs/ > docs_changes.patch # 2. Review the changes cat docs_changes.patch # 4. Update references based on changes # 5. Update SKILL.md based on changes # 6. Update this file with new SHA git rev-parse HEAD # Get new SHA # Update GENERATION.md with new SHA ``` ### 5. Sync Checklist - [ ] Read diff of docs since last generation - [ ] Identify new features added - [ ] Identify changed/deprecated features - [ ] Update `SKILL.md` with changes: - [ ] Add new features to appropriate sections - [ ] Update changed examples - [ ] Remove deprecated features - [ ] Update best practices if needed - [ ] Update `references/` folder: - [ ] Add new feature docs with category prefix - [ ] Update changed feature docs - [ ] Remove deprecated feature docs - [ ] Update `index.md` if files added/removed - [ ] Update this `GENERATION.md` with new SHA ## Maintenance Notes ### Key Sections to Keep Updated 1. **Core Concepts** - Only update for fundamental changes 2. **Best Practices** - Update when new patterns emerge 3. **Common Patterns** - Add new patterns as documentation shows them 4. **Configuration** - Update when new options added 5. **Troubleshooting** - Add new issues/solutions as they appear 6. **References** - Always keep in sync with `/docs/features/` ### When to Regenerate Completely Consider full regeneration when: - Major version update (v1.x → v2.x) - Complete documentation restructure - Multiple breaking changes - More than 30% of docs changed ### Style Guidelines When updating, maintain style: - Practical, actionable guidance - ✅ Good vs ❌ Bad examples - Focus on common use cases - Concise explanations - Real-world patterns - Reference detailed docs for deep dives ## Version History | Date | SHA | Version | Changes | |------------|----------|-----------|---------| | 2026-01-26 | 9d300814 | v52.11.3 | Initial generation from docs | ## Agent Instructions Summary **For future agents updating these skills:** 1. Run `git diff sha_of_last_generation..HEAD -- docs/` to see all documentation changes 2. Read changed files to understand what's new or modified 3. Update `SKILL.md` by: - Adding new features to appropriate sections - Updating examples for changed APIs - Removing deprecated features - Adding new best practices or patterns 4. Sync `references/` folder with `/docs/features/` 5. Update this file with new SHA and version 6. Test that skill content is accurate and follows style **Remember**: The goal is incremental updates, not complete rewrites. Only change what needs to change based on documentation diffs. ## Questions? If you're unsure about whether changes warrant updates: - **Small changes** (typos, clarifications): Optional, can skip - **New features**: Must add to skills - **Changed APIs**: Must update examples - **Deprecated features**: Must remove or mark as deprecated - **New best practices**: Should add to relevant sections --- Last updated: 2026-01-26 Current SHA: 9d300814 # Slidev Skill Path: `skills/slidev/README.md` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/skills/slidev/README.md) # References Skill Path: `skills/slidev/references/animation-click-marker.md` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/skills/slidev/references/animation-click-marker.md) # References Skill Path: `skills/slidev/references/animation-drawing.md` [View Raw Content on GitHub](https://raw.githubusercontent.com/slidevjs/slidev/HEAD/skills/slidev/references/animation-drawing.md)

Client Skill

Explore Related Technologies & Topics