skills.rest
szeyu
szeyuCOMMUNITY
Explore all skills by this author →
GitHub

slidev-themes

Customize Slidev themes via frontmatter, themeConfig, and ejected theme files.

5|Updated Feb 4, 2026
Search Tags:#npm#customization#presentation#theme#slidev#eject#themeconfig
One-click install
npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-themes-szeyu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev-themes
Source: https://github.com/szeyu/open-ssyok-finance/tree/main/.agents/skills/slidev-themes
Command: npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-themes-szeyu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables presenters and developers to apply, configure, and create Slidev themes so presentations maintain consistent styling, typography, layouts, and component behavior without manual per-slide styling.

Core Features & Use Cases

  • Theme Selection: Set themes via slide frontmatter or install npm/local themes for immediate use.
  • Theme Configuration: Customize colors, fonts, layouts, and variants through themeConfig and colorSchema settings.
  • Eject & Create: Eject themes for deep edits or author a publishable Slidev theme package with layouts, components, styles, and setup.
  • Use Case: Rebrand a company slide deck by applying a theme, overriding primary/secondary colors, testing light and dark modes, and, if needed, ejecting the theme to refine layouts and components.

Quick Start

Apply the seriph theme and set themeConfig primary to #3b82f6 with colorSchema set to auto in your first slide's frontmatter to preview the styled presentation.

Frequently Asked Questions about slidev-themes

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I customize a Slidev theme to match my company branding?▼

You can customize Slidev themes by setting the theme name in slide frontmatter and adjusting themeConfig to override primary and secondary colors, fonts, and layouts for consistent presentation styling.

Can I eject a Slidev theme to modify layouts and component files directly?▼

Yes, you can eject a Slidev theme to extract its internal layouts, styles, and components into your local project, enabling deep edits and refinements beyond standard themeConfig adjustments.

How do I publish a custom Slidev theme to npm?▼

To publish a custom Slidev theme to npm, prepare your package.json metadata, organize your layouts, components, styles, and setup files, then publish the package to the npm registry for reuse.

What is the best way to test light and dark modes in a Slidev presentation?▼

The best way to test light and dark modes in Slidev is to set the colorSchema property to auto within your slide frontmatter, allowing the presentation to switch modes based on system preferences.

Do I need to install npm packages to use local Slidev themes?▼

No, you do not need to install npm packages for local themes; you can reference local theme directories directly in your slide frontmatter, though npm installation is required for hosted theme packages.

Related Skills

Explore More Design & Creative Skills→
yoanbernabeuyoanbernabeu
34

slidev-quick-start

Bootstrap a Slidev presentation project with slides.md and dev scripts.

Community
Basic
yulonglinyulonglin
11

slidev

Create Slidev presentations and export them to PDF from slides.md.

Community
Intermediate
yoanbernabeuyoanbernabeu
34

slidev-transitions

Configure global and per-slide transitions in Slidev using frontmatter and CSS.

Community
Basic
MCERQUAMCERQUA
1

theme-factory

Apply pre-set or custom color and font themes to slides, documents, and HTML pages.

Community
Basic