skills.rest
pmuir
pmuirCOMMUNITY
Explore all skills by this author →
𝕏@plmuirGitHub

slide-screenshots

Capture Slidev slide screenshots via a local dev server and save them to the public directory.

Updated Aug 23, 2026
Search Tags:#automation#image-generation#slidev#deck-management#visual-context#slide-screenshots
One-click install
npx skills add https://github.com/pmuir/solo-slides --skill slide-screenshots
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slide-screenshots
Source: https://github.com/pmuir/solo-slides/tree/main/.cursor/skills/slide-screenshots
Command: npx skills add https://github.com/pmuir/solo-slides --skill slide-screenshots

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Capture screenshots of rendered Slidev slides to provide visual context for image generation and design review.

Core Features & Use Cases

  • Start a dedicated Slidev dev server on a random high port to avoid conflicts.
  • Navigate to the target slide, lock the browser, and capture a screenshot.
  • Copy the resulting image to the deck's public folder for use with image generation tools.

Quick Start

Start the Slidev server on a random port, open the deck in your browser, and capture a screenshot to decks/{deckName}/public/slide-{slideNumber}-screenshot.png.

Frequently Asked Questions about slide-screenshots

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

FAQPage Schema
How do I capture screenshots of Slidev slides for visual context?▼

Yes, Slidev slide screenshots can be automated. The workflow starts a dedicated Slidev dev server on a random high port to avoid conflicts, navigates to the target slide, locks the browser, and captures the screenshot automatically.

Where are the captured Slidev screenshots saved?▼

Captured Slidev screenshots are saved directly to the deck's public folder. Specifically, the output file is saved as decks/{deckName}/public/slide-{slideNumber}-screenshot.png for immediate use in image generation or design review.

Why use a random port when taking Slidev deck screenshots?▼

A random high port is used when starting the Slidev dev server to avoid port conflicts. This ensures the automated browser can reliably connect to the dedicated server instance and capture the slide screenshots without interference.

Can I use these Slidev screenshots for image generation and design review?▼

Yes, the captured Slidev screenshots are explicitly designed for image generation and design review. By copying the rendered slide images to the public directory, they provide visual context for guiding design iterations across decks.

What do I need to automate Slidev screenshot capture?▼

To automate Slidev screenshot capture, you need a local Slidev environment running your deck. The Skill handles the rest by starting the dev server, launching a browser to navigate the slides, and exporting the images to your public directory.

Related Skills

Explore More Design & Creative Skills→
lpjhelderlpjhelder

forge-setup

Install and configure kronon-forge with Node.js and npm.

Community
Intermediate
soulmujocosoulmujoco
60

ppt-image-to-editable-ppt

Convert slide images into editable PPTX decks with text boxes and shapes.

Community
Advanced
yoanbernabeuyoanbernabeu
34

slidev-quick-start

Bootstrap a Slidev presentation project with slides.md and dev scripts.

Community
Basic
shekerkammashekerkamma

presentation-exporter

Export HTML presentations to PDF, PNG, and markdown speaker notes.

Community
Intermediate