slidev-styling

Style Slidev decks with UnoCSS utilities and custom CSS.

5|Updated Feb 25, 2026
One-click install
npx skills add https://github.com/borgius/kanban-lite --skill slidev-styling-borgius
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev-styling
Source: https://github.com/borgius/kanban-lite/tree/main/.agents/skills/slidev-styling
Command: npx skills add https://github.com/borgius/kanban-lite --skill slidev-styling-borgius

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Slidev decks often require bespoke CSS and repetitive styling to achieve a cohesive visual design, which is time-consuming and error-prone.

This skill provides a unified approach using UnoCSS utilities and custom CSS to streamline theming, typography, colors, and animations across slides.

Core Features & Use Cases

  • UnoCSS utilities and custom CSS enable consistent color systems, typography, and animations across all slides.
  • Global styles plus per-slide styles, dark mode support, and responsive design utilities for flexible, themeable presentations.
  • Shortcuts and reusable styling patterns defined in uno.config.ts to accelerate design work and maintain visual coherence.

Quick Start

Apply UnoCSS-based styling to your Slidev deck by configuring uno.config.ts and adding style blocks to your slide Markdown.

Frequently Asked Questions about slidev-styling

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

FAQPage Schema
How do I style Slidev slides with UnoCSS for consistent presentation design?

Style Slidev slides by configuring UnoCSS utilities and custom CSS in your uno.config.ts to manage colors, typography, and animations. This approach ensures consistent visual design across global and per-slide styles.

Can I use custom CSS and shortcuts to manage Slidev theme colors?

Yes, you can define reusable styling patterns and shortcuts in uno.config.ts to manage theme colors for Slidev. This accelerates design work and maintains visual coherence across your presentation deck.

Does Slidev support responsive layouts and dark mode through custom CSS?

Slidev supports dark mode and responsive design utilities through custom CSS and UnoCSS. You can apply these global and per-slide styles to create flexible, themeable presentations.

What is the best way to avoid repetitive styling in Slidev presentations?

The best way to avoid repetitive Slidev styling is using UnoCSS shortcuts and design tokens defined in uno.config.ts. This unified approach streamlines theming, typography, and animations across all slides.

Do I need frontmatter configuration to apply UnoCSS styling in Slidev?

Yes, applying UnoCSS styling requires a frontmatter-driven workflow in Slidev. You configure uno.config.ts and add style blocks to your slide Markdown to implement scoped and global styles.

Why does my Slidev presentation lack visual coherence across different slides?

Your Slidev presentation lacks coherence without a unified styling system. By using UnoCSS utilities and design token shortcuts, you can manage typography and colors globally to achieve polished slide design.