Files
agent-skills/skills/slidev/references/core-frontmatter.md
Jason Woltje f5792c40be feat: Complete fleet — 94 skills across 10+ domains
Pulled ALL skills from 15 source repositories:
- anthropics/skills: 16 (docs, design, MCP, testing)
- obra/superpowers: 14 (TDD, debugging, agents, planning)
- coreyhaines31/marketingskills: 25 (marketing, CRO, SEO, growth)
- better-auth/skills: 5 (auth patterns)
- vercel-labs/agent-skills: 5 (React, design, Vercel)
- antfu/skills: 16 (Vue, Vite, Vitest, pnpm, Turborepo)
- Plus 13 individual skills from various repos

Mosaic Stack is not limited to coding — the Orchestrator and
subagents serve coding, business, design, marketing, writing,
logistics, analysis, and more.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-16 16:27:42 -06:00

196 lines
2.3 KiB
Markdown

---
name: frontmatter
description: Configuration options for individual slides
---
# Per-Slide Frontmatter
Configuration options for individual slides.
## Layout
```yaml
---
layout: center
---
```
Available layouts: `default`, `cover`, `center`, `two-cols`, `two-cols-header`, `image`, `image-left`, `image-right`, `iframe`, `iframe-left`, `iframe-right`, `quote`, `section`, `statement`, `fact`, `full`, `intro`, `end`, `none`
## Background
```yaml
---
background: /image.jpg
backgroundSize: cover
class: text-white
---
```
## Click Count
```yaml
---
clicks: 5 # Total clicks for this slide
clicksStart: 0 # Starting click number
---
```
## Transitions
```yaml
---
transition: fade # Slide transition
---
```
Or different for forward/backward:
```yaml
---
transition: slide-left | slide-right
---
```
## Zoom
```yaml
---
zoom: 0.8 # Scale content (0.8 = 80%)
---
```
## Hide Slide
```yaml
---
disabled: true # Hide this slide
# or
hide: true
---
```
## Table of Contents
```yaml
---
hideInToc: true # Hide from Toc component
level: 2 # Override heading level
title: Custom Title # Override slide title
---
```
## Import External File
```yaml
---
src: ./slides/intro.md # Import markdown file
---
```
With specific slides:
```yaml
---
src: ./other.md#2,5-7 # Import slides 2, 5, 6, 7
---
```
## Route Alias
```yaml
---
routeAlias: intro # URL: /intro instead of /1
---
```
## Preload
```yaml
---
preload: false # Don't mount until entering
---
```
## Draggable Positions
```yaml
---
dragPos:
logo: 100,50,200,100,0 # Left,Top,Width,Height,Rotate
arrow: 300,200,50,50,45
---
```
## Image Layouts
```yaml
---
layout: image-left
image: /photo.jpg
backgroundSize: contain
class: my-custom-class
---
```
## Iframe Layouts
```yaml
---
layout: iframe
url: https://example.com
---
```
## Two Columns
```yaml
---
layout: two-cols
---
# Left Side
Content
::right::
# Right Side
Content
```
## Two Columns with Header
```yaml
---
layout: two-cols-header
---
# Header
::left::
Left content
::right::
Right content
```
## Full Example
```yaml
---
layout: center
background: /bg.jpg
class: text-white text-center
transition: fade
clicks: 3
zoom: 0.9
hideInToc: false
---
# Slide Content
```