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

slidev-layouts

Apply built-in and custom Slidev layouts via frontmatter to structure presentation slides.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps users structure Slidev presentations with built-in and custom layouts, reducing time spent on formatting and layout decisions.

Core Features & Use Cases

  • Built-in layouts: cover, default, center, intro, section, two-cols, image, and more, applied via slide frontmatter.
  • Custom layouts: create and reuse your own layouts to enforce consistent styling across decks.
  • Use Case: quickly assemble a multi-section presentation with cohesive visuals and responsive behavior.

Quick Start

To get started, create a new slide and specify a layout in the frontmatter, for example:

layout: cover

Welcome

Then add additional slides using other layouts like:

layout: two-cols

Left and Right content

Frequently Asked Questions about slidev-layouts

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

FAQPage Schema
How do I apply Slidev layouts using markdown frontmatter?▼

Slidev layouts are applied by specifying the layout name in the slide's markdown frontmatter using the `layout` property. This allows you to quickly structure presentation slides using built-in options like cover, two-cols, or image.

What built-in Slidev layouts are available for structuring presentation slides?▼

Slidev includes built-in layouts such as cover, default, center, intro, section, two-cols, and image. These layouts help structure common presentation workflows like section markers and multi-column content via frontmatter.

How do I create custom layouts in Slidev for consistent presentation styling?▼

You can create custom Slidev layouts to enforce consistent styling across presentation decks. Once defined, these custom layouts are reusable and applied via slide frontmatter, functioning alongside built-in options like cover and two-cols.

Can I use multi-column content and images in Slidev presentations?▼

Yes, Slidev supports multi-column content and images using built-in layouts like two-cols and image. You apply these layouts via markdown frontmatter to structure slides for common presentation workflows.

Does Slidev support slot usage for advanced layout customization?▼

Slidev supports slot usage within custom layouts to handle advanced layout customization and content placement. Combined with frontmatter, slots enable practical examples and best practices for structuring slides.

Related Skills

Explore More Design & Creative Skills→
LuoAndOrderLuoAndOrder
1

slidev

Create and edit Slidev presentations from Markdown content with YAML frontmatter.

Community
Intermediate
ChrisTowlesChrisTowles
4

slidev

Create and edit Slidev presentation slides with Markdown and YAML frontmatter.

Community
Intermediate
szeyuszeyu
5

slidev-themes

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

Community
Intermediate
b33eepb33eep
57

create-slidev-presentation

Create and edit Slidev presentations from Markdown with layouts and exports.

Community
Intermediate