Claude MarketplacesSubmit
yoanbernabeu avatar

Slidev Themes

yoanbernabeu/slidev-skills

This covers the full lifecycle of Slidev theming, from applying official themes like seriph or apple-basic to ejecting and modifying them when you need deeper control. The themeConfig system lets you customize colors and typography without touching source code, which handles most cases. When it doesn't, the eject command copies everything local so you can edit layouts and components directly. The theme creation guide is thorough, walking through package structure, Vue components, and CSS variables for light/dark mode support. Worth noting that Slidev auto-installs missing themes, and there's a decent community gallery beyond the built-in options. If you're building presentations programmatically or maintaining a design system across multiple decks, this gives you the patterns to do it right.

skills.sh installs
310
GitHub stars
42
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add yoanbernabeu/slidev-skills --skill slidev-themes --agent claude-code

Installs into .claude/skills of the current project.

Files

Slidev Themes

This skill covers using, customizing, and creating themes for Slidev presentations. Themes provide consistent styling, layouts, and components across your slides.

When to Use This Skill

  • Choosing a theme for your presentation
  • Customizing theme colors and styles
  • Ejecting and modifying themes
  • Creating your own theme
  • Understanding theme structure

Using Themes

Setting a Theme

In your first slide's frontmatter:

---
theme: seriph
---

Theme Name Conventions

  • Official themes: Use short name (seriph, default)
  • NPM packages: Use full name (slidev-theme-custom)
  • Local themes: Use path (./my-theme)

Auto-Installation

Slidev automatically prompts to install missing themes:

? The theme "seriph" was not found, do you want to install it now? (Y/n)

Manual Installation

npm install slidev-theme-seriph

Official Themes

default

The built-in default theme.

---
theme: default
---
  • Clean, minimal design
  • Light and dark mode support
  • Standard layouts

seriph

Elegant theme with serif typography.

---
theme: seriph
---
SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/yoanbernabeu/slidev-skills
First seen
Jun 3, 2026

More from yoanbernabeu/slidev-skills

All 6

Recommended

1juliusbrussee avatarcavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
2mattpocock avatargrill-memattpocock/skillsA relentless interview to sharpen a plan or design.1.5Mskills.sh installs
3shadcn avatarimproveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
4obra avatarsystematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
5forrestchang avatarkarpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
6vercel-labs avatarfind-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs