Files
agent-skills/skills/slidev/references/layout-slots.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

76 lines
830 B
Markdown

---
name: slot-sugar
description: Shorthand syntax for layout named slots in multi-column layouts
---
# Slot Sugar for Layouts
Shorthand syntax for layout named slots.
## Standard Vue Slot Syntax
```md
---
layout: two-cols
---
<template v-slot:default>
# Left
This shows on the left
</template>
<template v-slot:right>
# Right
This shows on the right
</template>
```
## Shorthand Syntax
```md
---
layout: two-cols
---
# Left
This shows on the left
::right::
# Right
This shows on the right
```
## Explicit Default Slot
```md
---
layout: two-cols
---
::right::
# Right
This shows on the right
::default::
# Left
This shows on the left
```
## Common Layouts with Slots
- `two-cols`: `default` (left) and `right`
- `two-cols-header`: `default`, `left`, `right`
- `image-left/right`: `default` for content