@slidev/cli 52.11.4 → 52.12.0

package/dist/{build-CoOI8nIf.mjs → build-DencOEqt.mjs}

@@ -1,5 +1,5 @@
 import "./resolver-B4CxEjJF.mjs";
-import { t as resolveViteConfigs } from "./shared-C72EYint.mjs";
+import { t as resolveViteConfigs } from "./shared-mR4BGOPs.mjs";
 import { join, resolve } from "node:path";
 import { build as build$1 } from "vite";
 import { existsSync } from "node:fs";

package/dist/cli.mjs

@@ -1,6 +1,6 @@
 import { i as resolveEntry, n as getRoots, r as isInstalledGlobally } from "./resolver-B4CxEjJF.mjs";
-import { a as parser, c as resolveAddons, d as updateFrontmatterPatch, i as resolveOptions, l as version, o as getThemeMeta, s as resolveTheme, u as loadSetups } from "./shared-C72EYint.mjs";
-import { t as createServer } from "./serve-Jnml-HZ7.mjs";
+import { a as parser, c as resolveAddons, d as updateFrontmatterPatch, i as resolveOptions, l as version, o as getThemeMeta, s as resolveTheme, u as loadSetups } from "./shared-mR4BGOPs.mjs";
+import { t as createServer } from "./serve-BptRm0xv.mjs";
 import path from "node:path";
 import process from "node:process";
 import fs from "node:fs/promises";
@@ -288,7 +288,7 @@ cli.command("build [entry..]", "Build hostable SPA", (args) => exportOptions(com
 	describe: "enable the inspect plugin for debugging"
 }).strict().help(), async (args) => {
 	const { entry, theme, base, download, out, inspect, "without-notes": withoutNotes } = args;
-	const { build } = await import("./build-CoOI8nIf.mjs");
+	const { build } = await import("./build-DencOEqt.mjs");
 	for (const entryFile of entry) {
 		const options = await resolveOptions({
 			entry: entryFile,

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import "./resolver-B4CxEjJF.mjs";
-import { a as parser, i as resolveOptions, n as ViteSlidevPlugin, r as createDataUtils } from "./shared-C72EYint.mjs";
-import { t as createServer } from "./serve-Jnml-HZ7.mjs";
+import { a as parser, i as resolveOptions, n as ViteSlidevPlugin, r as createDataUtils } from "./shared-mR4BGOPs.mjs";
+import { t as createServer } from "./serve-BptRm0xv.mjs";
 
 export { ViteSlidevPlugin, createDataUtils, createServer, parser, resolveOptions };

package/dist/{serve-Jnml-HZ7.mjs → serve-BptRm0xv.mjs}

@@ -1,4 +1,4 @@
-import { t as resolveViteConfigs } from "./shared-C72EYint.mjs";
+import { t as resolveViteConfigs } from "./shared-mR4BGOPs.mjs";
 import { join } from "node:path";
 import process from "node:process";
 import { createServer } from "vite";

package/dist/{shared-C72EYint.mjs → shared-mR4BGOPs.mjs}

@@ -505,7 +505,7 @@ function createLayoutWrapperPlugin({ data, utils }) {
 
 //#endregion
 //#region package.json
-var version = "52.11.4";
+var version = "52.12.0";
 
 //#endregion
 //#region node/integrations/addons.ts
@@ -550,6 +550,27 @@ async function getThemeMeta(name, root) {
 function toAttrValue(unsafe) {
 	return JSON.stringify(escapeHtml(String(unsafe)));
 }
+function collectPreloadImages(data, base) {
+	if (data.config.preloadImages === false) return [];
+	const seen = /* @__PURE__ */ new Set();
+	const links = [];
+	const basePrefix = base ? base.replace(/\/$/, "") : "";
+	for (const slide of data.slides) {
+		const images = slide.images || slide.source?.images;
+		if (!images?.length) continue;
+		for (const url of images) {
+			if (seen.has(url)) continue;
+			seen.add(url);
+			const href = url.startsWith("http") || url.startsWith("//") ? url : `${basePrefix}${url.startsWith("/") ? url : `/${url}`}`;
+			links.push({
+				rel: "preload",
+				as: "image",
+				href
+			});
+		}
+	}
+	return links;
+}
 async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data, base }) {
 	let main = await readFile(join(clientRoot, "index.html"), "utf-8");
 	let body = "";
@@ -589,10 +610,14 @@ async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data,
 	const unhead = createHead({ init: [{
 		htmlAttrs: data.headmatter.lang ? { lang: data.headmatter.lang } : void 0,
 		title,
-		link: [data.config.favicon ? {
-			rel: "icon",
-			href: data.config.favicon
-		} : null, ...webFontsLink].filter((x) => x),
+		link: [
+			data.config.favicon ? {
+				rel: "icon",
+				href: data.config.favicon
+			} : null,
+			...webFontsLink,
+			...collectPreloadImages(data, base)
+		].filter((x) => x),
 		meta: [
 			{
 				"http-equiv": "Content-Type",
@@ -1301,12 +1326,12 @@ const templateStyle = {
 			return toAtFS(join(clientRoot, name));
 		}
 		const imports = [
-			`import "${resolveUrlOfClient("styles/vars.css")}"`,
-			`import "${resolveUrlOfClient("styles/index.css")}"`,
-			`import "${resolveUrlOfClient("styles/code.css")}"`,
-			`import "${resolveUrlOfClient("styles/katex.css")}"`,
-			`import "${resolveUrlOfClient("styles/transitions.css")}"`
-		];
+			"styles/vars.css",
+			"styles/index.css",
+			"styles/code.css",
+			"styles/katex.css",
+			"styles/transitions.css"
+		].map((path$1) => makeAbsoluteImportGlob(userRoot, [join(clientRoot, path$1)]));
 		for (const root of roots) imports.push(makeAbsoluteImportGlob(userRoot, [
 			join(root, "styles/index.{ts,js,css}"),
 			join(root, "styles.{ts,js,css}"),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "52.11.4",
+  "version": "52.12.0",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -28,6 +28,7 @@
   "files": [
     "bin",
     "dist",
+    "skills",
     "template.md"
   ],
   "engines": {
@@ -109,9 +110,9 @@
     "vue": "^3.5.27",
     "yaml": "^2.8.2",
     "yargs": "^18.0.0",
-    "@slidev/parser": "52.11.4",
-    "@slidev/types": "52.11.4",
-    "@slidev/client": "52.11.4"
+    "@slidev/client": "52.12.0",
+    "@slidev/parser": "52.12.0",
+    "@slidev/types": "52.12.0"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",

package/skills/GENERATION.md

@@ -0,0 +1,227 @@
+# 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

package/skills/slidev/README.md

@@ -0,0 +1,61 @@
+# Slidev Skills for Claude Code
+
+Agent skills that help Claude Code understand and work with [Slidev](https://sli.dev) presentations.
+
+## Installation
+
+```bash
+npx skills add slidevjs/slidev
+```
+
+This will add the Slidev skill to your Claude Code configuration.
+
+## What's Included
+
+The Slidev skill provides Claude Code with knowledge about:
+
+- **Core Syntax** - Markdown syntax, slide separators, frontmatter
+- **Animations** - Click animations, transitions, motion effects
+- **Code Features** - Line highlighting, Monaco editor, code groups, magic-move
+- **Diagrams** - Mermaid, PlantUML, LaTeX math
+- **Layouts** - Built-in layouts, slots, global layers
+- **Presenter Mode** - Recording, timer, remote access
+- **Exporting** - PDF, PPTX, PNG, SPA hosting
+
+## Usage
+
+Once installed, Claude Code will automatically use Slidev knowledge when:
+
+- Creating new presentations
+- Adding slides with code examples
+- Setting up animations and transitions
+- Configuring themes and layouts
+- Exporting presentations
+
+### Example Prompts
+
+```
+Create a Slidev presentation about TypeScript generics with code examples
+```
+
+```
+Add a two-column slide with code on the left and explanation on the right
+```
+
+```
+Set up click animations to reveal bullet points one by one
+```
+
+```
+Configure the presentation for PDF export with speaker notes
+```
+
+## Documentation
+
+- [Slidev Documentation](https://sli.dev)
+- [Theme Gallery](https://sli.dev/resources/theme-gallery)
+- [Showcases](https://sli.dev/resources/showcases)
+
+## License
+
+MIT

package/skills/slidev/SKILL.md

@@ -0,0 +1,183 @@
+---
+name: slidev
+description: Create and present web-based slides for developers using Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, or teaching materials.
+---
+
+# Slidev - Presentation Slides for Developers
+
+Web-based slides maker built on Vite, Vue, and Markdown.
+
+## When to Use
+
+- Technical presentations with live code examples
+- Syntax-highlighted code snippets with animations
+- Interactive demos (Monaco editor, runnable code)
+- Mathematical equations (LaTeX) or diagrams (Mermaid, PlantUML)
+- Record presentations with presenter notes
+- Export to PDF, PPTX, or host as SPA
+
+## Quick Start
+
+```bash
+pnpm create slidev    # Create project
+pnpm run dev          # Start dev server
+pnpm run export       # Export to PDF
+```
+
+## Basic Syntax
+
+```md
+---
+theme: default
+title: My Presentation
+---
+
+# First Slide
+
+Content here
+
+---
+
+# Second Slide
+
+More content
+
+<!--
+Presenter notes go here
+-->
+```
+
+- `---` separates slides
+- First frontmatter = headmatter (deck config)
+- HTML comments = presenter notes
+
+## Core References
+
+| Topic | Description | Reference |
+|-------|-------------|-----------|
+| Markdown Syntax | Slide separators, frontmatter, notes, code blocks | [core-syntax](references/core-syntax.md) |
+| Animations | v-click, v-clicks, motion, transitions | [core-animations](references/core-animations.md) |
+| Headmatter | Deck-wide configuration options | [core-headmatter](references/core-headmatter.md) |
+| Frontmatter | Per-slide configuration options | [core-frontmatter](references/core-frontmatter.md) |
+| CLI Commands | Dev, build, export, theme commands | [core-cli](references/core-cli.md) |
+| Components | Built-in Vue components | [core-components](references/core-components.md) |
+| Layouts | Built-in slide layouts | [core-layouts](references/core-layouts.md) |
+| Exporting | PDF, PPTX, PNG export options | [core-exporting](references/core-exporting.md) |
+| Hosting | Build and deploy to various platforms | [core-hosting](references/core-hosting.md) |
+| Global Context | $nav, $slidev, composables API | [core-global-context](references/core-global-context.md) |
+
+## Feature Reference
+
+### Code & Editor
+
+| Feature | Usage | Reference |
+|---------|-------|-----------|
+| Line highlighting | `` ```ts {2,3} `` | [code-line-highlighting](references/code-line-highlighting.md) |
+| Click-based highlighting | `` ```ts {1\|2-3\|all} `` | [code-line-highlighting](references/code-line-highlighting.md) |
+| Line numbers | `lineNumbers: true` or `{lines:true}` | [code-line-numbers](references/code-line-numbers.md) |
+| Scrollable code | `{maxHeight:'100px'}` | [code-max-height](references/code-max-height.md) |
+| Code tabs | `::code-group` (requires `mdc: true`) | [code-groups](references/code-groups.md) |
+| Monaco editor | `` ```ts {monaco} `` | [editor-monaco](references/editor-monaco.md) |
+| Run code | `` ```ts {monaco-run} `` | [editor-monaco-run](references/editor-monaco-run.md) |
+| Edit files | `<<< ./file.ts {monaco-write}` | [editor-monaco-write](references/editor-monaco-write.md) |
+| Code animations | `` ````md magic-move `` | [code-magic-move](references/code-magic-move.md) |
+| TypeScript types | `` ```ts twoslash `` | [code-twoslash](references/code-twoslash.md) |
+| Import code | `<<< @/snippets/file.js` | [code-import-snippet](references/code-import-snippet.md) |
+
+### Diagrams & Math
+
+| Feature | Usage | Reference |
+|---------|-------|-----------|
+| Mermaid diagrams | `` ```mermaid `` | [diagram-mermaid](references/diagram-mermaid.md) |
+| PlantUML diagrams | `` ```plantuml `` | [diagram-plantuml](references/diagram-plantuml.md) |
+| LaTeX math | `$inline$` or `$$block$$` | [diagram-latex](references/diagram-latex.md) |
+
+### Layout & Styling
+
+| Feature | Usage | Reference |
+|---------|-------|-----------|
+| Canvas size | `canvasWidth`, `aspectRatio` | [layout-canvas-size](references/layout-canvas-size.md) |
+| Zoom slide | `zoom: 0.8` | [layout-zoom](references/layout-zoom.md) |
+| Scale elements | `<Transform :scale="0.5">` | [layout-transform](references/layout-transform.md) |
+| Layout slots | `::right::`, `::default::` | [layout-slots](references/layout-slots.md) |
+| Scoped CSS | `<style>` in slide | [style-scoped](references/style-scoped.md) |
+| Global layers | `global-top.vue`, `global-bottom.vue` | [layout-global-layers](references/layout-global-layers.md) |
+| Draggable elements | `v-drag`, `<v-drag>` | [layout-draggable](references/layout-draggable.md) |
+| Icons | `<mdi-icon-name />` | [style-icons](references/style-icons.md) |
+
+### Animation & Interaction
+
+| Feature | Usage | Reference |
+|---------|-------|-----------|
+| Click animations | `v-click`, `<v-clicks>` | [core-animations](references/core-animations.md) |
+| Rough markers | `v-mark.underline`, `v-mark.circle` | [animation-rough-marker](references/animation-rough-marker.md) |
+| Drawing mode | Press `C` or config `drawings:` | [animation-drawing](references/animation-drawing.md) |
+| Direction styles | `forward:delay-300` | [style-direction](references/style-direction.md) |
+| Note highlighting | `[click]` in notes | [animation-click-marker](references/animation-click-marker.md) |
+
+### Syntax Extensions
+
+| Feature | Usage | Reference |
+|---------|-------|-----------|
+| MDC syntax | `mdc: true` + `{style="color:red"}` | [syntax-mdc](references/syntax-mdc.md) |
+| Block frontmatter | `` ```yaml `` instead of `---` | [syntax-block-frontmatter](references/syntax-block-frontmatter.md) |
+| Import slides | `src: ./other.md` | [syntax-importing-slides](references/syntax-importing-slides.md) |
+| Merge frontmatter | Main entry wins | [syntax-frontmatter-merging](references/syntax-frontmatter-merging.md) |
+
+### Presenter & Recording
+
+| Feature | Usage | Reference |
+|---------|-------|-----------|
+| Recording | Press `G` for camera | [presenter-recording](references/presenter-recording.md) |
+| Timer | `duration: 30min`, `timer: countdown` | [presenter-timer](references/presenter-timer.md) |
+| Remote control | `slidev --remote` | [presenter-remote](references/presenter-remote.md) |
+| Ruby text | `notesAutoRuby:` | [presenter-notes-ruby](references/presenter-notes-ruby.md) |
+
+### Export & Build
+
+| Feature | Usage | Reference |
+|---------|-------|-----------|
+| Export options | `slidev export` | [core-exporting](references/core-exporting.md) |
+| Build & deploy | `slidev build` | [core-hosting](references/core-hosting.md) |
+| Build with PDF | `download: true` | [build-pdf](references/build-pdf.md) |
+| Cache images | Automatic for remote URLs | [build-remote-assets](references/build-remote-assets.md) |
+| OG image | `seoMeta.ogImage` or `og-image.png` | [build-og-image](references/build-og-image.md) |
+| SEO tags | `seoMeta:` | [build-seo-meta](references/build-seo-meta.md) |
+
+### Editor & Tools
+
+| Feature | Usage | Reference |
+|---------|-------|-----------|
+| Side editor | Click edit icon | [editor-side](references/editor-side.md) |
+| VS Code extension | Install `antfu.slidev` | [editor-vscode](references/editor-vscode.md) |
+| Prettier | `prettier-plugin-slidev` | [editor-prettier](references/editor-prettier.md) |
+| Eject theme | `slidev theme eject` | [tool-eject-theme](references/tool-eject-theme.md) |
+
+### Lifecycle & API
+
+| Feature | Usage | Reference |
+|---------|-------|-----------|
+| Slide hooks | `onSlideEnter()`, `onSlideLeave()` | [api-slide-hooks](references/api-slide-hooks.md) |
+| Navigation API | `$nav`, `useNav()` | [core-global-context](references/core-global-context.md) |
+
+## Common Layouts
+
+| Layout | Purpose |
+|--------|---------|
+| `cover` | Title/cover slide |
+| `center` | Centered content |
+| `default` | Standard slide |
+| `two-cols` | Two columns (use `::right::`) |
+| `two-cols-header` | Header + two columns |
+| `image` / `image-left` / `image-right` | Image layouts |
+| `iframe` / `iframe-left` / `iframe-right` | Embed URLs |
+| `quote` | Quotation |
+| `section` | Section divider |
+| `fact` / `statement` | Data/statement display |
+| `intro` / `end` | Intro/end slides |
+
+## Resources
+
+- Documentation: https://sli.dev
+- Theme Gallery: https://sli.dev/resources/theme-gallery
+- Showcases: https://sli.dev/resources/showcases

package/skills/slidev/references/animation-click-marker.md

@@ -0,0 +1,37 @@
+---
+name: click-marker
+description: Highlight and auto-scroll presenter notes based on click progress
+---
+
+# Click Markers
+
+Highlight and auto-scroll presenter notes based on click progress.
+
+## Syntax
+
+Add `[click]` markers in presenter notes:
+
+```md
+<!--
+Content before the first click
+
+[click] This will be highlighted after the first click
+
+Also highlighted after the first click
+
+- [click] This list element highlights after the second click
+
+[click:3] Last click (skip two clicks)
+-->
+```
+
+## Behavior
+
+- Notes between markers highlight in sync with slide progress
+- Auto-scrolls presenter view to active section
+- Use `[click:{n}]` to skip to specific click number
+
+## Requirements
+
+- Only works in presenter mode
+- Notes must be HTML comments at end of slide