Manage Slidev theme installation, configuration, and custom development.
npx skills add https://github.com/legout/pi-config --skill slidev-themes-legout
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
This skill addresses the complexity of managing, customizing, and creating consistent visual identities for Slidev presentations, ensuring your slides look professional and on-brand.
Use the slidev-themes skill to apply the seriph theme to my presentation and configure the primary color to blue.
High-intent search queries and answers about installing and using this skill.
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.
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.
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.
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.
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.
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.
LuoAndOrderCreate and edit Slidev presentations from Markdown content with YAML frontmatter.
hsiangjenliCreate web-based slides from Markdown with Vue components and animations.
hmzainjamilGenerate Slidev markdown presentations with code examples, diagrams, and Vue components.
shanraisshanProvide CSS classes and HTML patterns for styling presentation slides.
