slidev-layouts

Match content to Slidev layouts for structured, visually consistent slides.

5|Updated Feb 4, 2026
One-click install
npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-layouts-szeyu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slidev-layouts
Source: https://github.com/szeyu/open-ssyok-finance/tree/main/.agents/skills/slidev-layouts
Command: npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-layouts-szeyu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Slidev layouts empower presenters to quickly structure content with consistent, visually appealing slides, reducing design time and decision fatigue.

Core Features & Use Cases

  • Built-in layouts: default, center, cover, intro, section, two-cols, image, iframe, full, end
  • Custom layouts: create bespoke layouts in Vue files and apply them via frontmatter
  • Use cases: training decks, product pitches, tutorials, and visual storytelling with consistent structure

Quick Start

Begin with a frontmatter layout (for example, layout: cover) and then populate slides using the chosen layouts and slot content.

Frequently Asked Questions about slidev-layouts

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

FAQPage Schema
How do I structure markdown presentation slides with Slidev layouts?

To structure markdown presentation slides with Slidev layouts, you apply a built-in layout like cover or two-cols via the slide's frontmatter field, then populate the designated slots with your content for visually consistent results.

What built-in Slidev layouts are available for my presentation?

Slidev provides built-in layouts including default, center, cover, intro, section, two-cols, image, iframe, full, and end to help you quickly structure training decks, product pitches, and tutorials.

Can I create custom Slidev layouts in Vue files for a markdown deck?

Yes, you can create custom Slidev layouts by writing bespoke Vue files and applying them to your markdown slides using the frontmatter layout field to achieve specialized visual storytelling structures.

What is the best way to build a visual tutorial deck using Slidev?

The best way to build a visual tutorial deck using Slidev is to match your content blocks to appropriate layouts, starting with a cover layout in the frontmatter and progressing through section and two-cols layouts for consistency.

Do I need to understand frontmatter to use Slidev layouts?

Yes, understanding the frontmatter layout field is required to use Slidev layouts, as this is the mechanism used to declare built-in and custom layouts for each individual slide.