slidev-themes

Manage Slidev theme installation, configuration, and custom development.

3|Updated Apr 2, 2026

Search Tags:#presentations #styling #vue #themes #slidev #web-design

Ready to run

npx skills add https://github.com/legout/pi-config --skill slidev-themes-legout

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: slidev-themes
Source: https://github.com/legout/pi-config/tree/main/installed-skills/slidev-themes
Command: npx skills add https://github.com/legout/pi-config --skill slidev-themes-legout

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the complexity of managing, customizing, and creating consistent visual identities for Slidev presentations, ensuring your slides look professional and on-brand.

Core Features & Use Cases

Theme Management: Easily apply, install, and switch between official and community-contributed Slidev themes.
Deep Customization: Modify theme colors, typography, and layouts through configuration or by ejecting theme source code.
Custom Theme Development: Provides a structured framework for building, testing, and publishing your own reusable Slidev themes.

Quick Start

Use the slidev-themes skill to apply the seriph theme to my presentation and configure the primary color to blue.

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 theme colors and typography for a presentation?▼

You can customize Slidev theme colors and typography by adjusting the themeConfig object in your presentation's frontmatter, allowing you to define CSS variables for consistent styling. This approach lets you override default theme aesthetics without modifying the core source code directly.

What is theme ejection in Slidev and when do I need it?▼

Theme ejection in Slidev copies the theme's source code into your local project, enabling deep layout modifications and custom Vue component creation. You need it when configuration options are insufficient for your required structural design changes.

Can I build and publish my own custom Slidev theme using Vue components?▼

Yes, you can build custom Slidev themes using modular Vue-based components and CSS-variable-driven design systems. This provides a structured framework to develop, test, and publish reusable presentation themes with consistent slide aesthetics.

How do I install and switch between different Slidev presentation themes?▼

You can install and switch Slidev presentation themes by adding the theme name to your presentation's frontmatter configuration. This applies official and community-contributed themes to instantly change your slides' visual identity.

Does Slidev support CSS variables for creating consistent slide design systems?▼

Slidev supports CSS variables to create consistent design systems across your presentation slides. This allows you to define a centralized set of styling tokens that ensure professional, on-brand visual aesthetics throughout your deck.

What's the best way to modify Slidev layouts beyond standard theme configuration?▼

The best way to modify Slidev layouts beyond standard configuration is through theme ejection. Ejecting the theme source code allows you to directly alter Vue components and structural layouts for advanced custom presentation designs.