A reusable agent skill for building diagram-first Slidev decks —
bespoke animated Vue + SVG figures, KaTeX math, a single-palette theme system, and a modular thin-master architecture.
It captures a way of making slides (the craft), not any single topic. Point it at any subject — a lecture, a conference talk, a course, a research explainer.
# Claude Code
npx skills add MarkJH2001/slidev-smith
# …or install for every supported agent (Codex, Cursor, and more)
npx skills add MarkJH2001/slidev-smith -a '*'This uses the skills CLI: it copies the skill into
~/.agents/skills/slidev-smith/ and symlinks it into your agent's skills directory
(e.g. ~/.claude/skills/slidev-smith), so Claude Code (and other supported agents) can use it.
skills/slidev-smith/
├── SKILL.md # entry: principles, architecture, the figure pattern, checklist
└── references/
├── architecture.md # thin-master + src: modules + components + palette layout
├── vue-figures.md # the animated Vue/SVG figure skeleton + archetype catalog
├── math-katex.md # KaTeX in markdown, components, and inside SVG figures
├── theme-and-palette.md # palette.ts, seriph overrides, dark/light, fonts
├── python-figures.md # matplotlib → dark transparent SVG → embed
├── gotchas.md # the hard-won Slidev/Vue/UnoCSS gotcha list
└── pedagogy.md # intuition-first teaching method that drives the visuals
Once installed, just ask your agent to build a Slidev deck in this style (e.g. "create a Slidev lecture on X with animated figures in my style"). The skill auto-loads when the request matches and guides the build — architecture, figures, math, theme, and the gotchas to avoid. It works for any subject — a technical lecture, research explainer, conference talk, course, or domain deep-dive.
MIT © 2026 Junhao Hou