skills.rest
yoanbernabeu
yoanbernabeuCOMMUNITY
Explore all skills by this author →
Website𝕏@yOyO38GitHub

slidev-themes

Apply and customize Slidev themes via themeConfig and colorSchema.

34|1|Updated Jan 25, 2026
Search Tags:#customization#themes#slidev#themeConfig#colorSchema#eject
One-click install
npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-themes
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev-themes
Source: https://github.com/yoanbernabeu/slidev-skills/tree/main/skills/customization/slidev-themes
Command: npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-themes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and developers struggle to achieve a cohesive look across Slidev presentations without ready-made workflows for themes.

Core Features & Use Cases

  • Apply built-in and community themes (default, seriph, bricks) to establish visual consistency.
  • Configure theme options with themeConfig and colorSchema to match branding and accessibility needs.
  • Eject, customize, and create your own Slidev themes for full control over layouts, components, and styles.

Quick Start

Use the slidev-themes skill to set a theme in your slide frontmatter, install necessary theme packages with npm when prompted, and tailor themeConfig for your brand.

Frequently Asked Questions about slidev-themes

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

FAQPage Schema
How do I customize Slidev themes to match my brand?▼

You can customize Slidev themes by configuring themeConfig and colorSchema options directly within your YAML frontmatter, ensuring a consistent, branded presentation style across your slides.

What is the process to eject and modify a Slidev theme?▼

Ejecting a Slidev theme extracts its internal files into your project, allowing you to fully customize layouts, components, and styles to create your own extended theme for complete visual control.

How do I apply official and community themes in Slidev?▼

You apply Slidev themes by setting the desired theme name in your slide frontmatter and installing the necessary npm packages when prompted, supporting options like default, seriph, and bricks.

Do I need npm to install Slidev themes?▼

Yes, npm is required to install theme packages when prompted during the Slidev theme application workflow, ensuring all necessary dependencies for official, community, or custom themes are available.

Can I create my own custom Slidev theme for full layout control?▼

Yes, you can create your own Slidev theme by ejecting an existing one to extract its structure, then modifying the layouts, components, and styles to establish a fully customized visual presentation.

Related Skills

Explore More Design & Creative Skills→
szeyuszeyu
5

slidev-themes

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

Community
Intermediate
intellectronicaintellectronica
6

sunday-slides

Generate Slidev presentations with configurable visuals and PDF, SPA, and PPTX exports.

Community
Advanced
yoanbernabeuyoanbernabeu
34

slidev-components

Embed Vue components into Slidev slides for interactive presentations.

Community
Basic
lioenskylioensky
2.2k

html-ppt

Create multi-slide HTML presentations with customizable themes and animations.

Community
Intermediate