·slidev-layouts
</>

slidev-layouts

yoanbernabeu/slidev-skills

有效地使用内置和自定义 Slidev 布局。使用此技能来构建带有封面、两栏、图像布局等的幻灯片。

17安装·0热度·@yoanbernabeu

安装

$npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-layouts

SKILL.md

This skill covers all built-in Slidev layouts and teaches you how to use them effectively for different types of content. You'll also learn how to create custom layouts.

| default | General content | | center | Single focused message | | cover | Opening slide | | intro | Author introduction | | section | Section divider | | statement | Bold statement | | quote | Quotations | | fact | Statistics/numbers | | two-cols | Side-by-side content | | two-cols-header | Comparison with header | | image | Full background image |

| image-left | Image + text | | image-right | Text + image | | iframe | Embedded webpage | | full | Edge-to-edge content | | end | Closing slide |

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-layouts
分类
</>开发工具
认证
收录时间
2026-02-12
更新时间
2026-02-18

快速解答

什么是 slidev-layouts?

有效地使用内置和自定义 Slidev 布局。使用此技能来构建带有封面、两栏、图像布局等的幻灯片。 来源:yoanbernabeu/slidev-skills。

如何安装 slidev-layouts?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-layouts 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/yoanbernabeu/slidev-skills