Create vertical Instagram/social media carousel presentations using Slidev. Generates slide decks with proper structure, global styles, code highlighting, and image generation for cover slides.
Create vertical (4:5) carousel presentations for Instagram/social media using Slidev with Tailwind CSS styling.
Slidev project at slidev/ in the working directory:
slidev/
├── package.json # @slidev/cli dependency
├── slides.md # Main presentation file
├── style.css # Global styles (CRITICAL)
└── public/images/ # Generated images
{
"name": "slidev",
"type": "module",
"private": true,
"scripts": {
"build": "slidev build",
"dev": "slidev --open",
"export": "slidev export"
},
"dependencies": {
"@slidev/cli": "^52.14.1",
"vue": "^3.5.29"
},
"devDependencies": {
"playwright-chromium": "^1.58.2"
}
}
If the project does not exist, scaffold it:
mkdir -p slidev/public/images
cd slidev
# create package.json, then:
pnpm install
---