skills.rest
szeyu
szeyuCOMMUNITY
Explore all skills by this author →
GitHub

slidev-quick-start

Bootstrap and configure a Slidev project with YAML frontmatter and local preview.

5|Updated Feb 4, 2026
Search Tags:#markdown#vue#presentation#slides#slidev#dev-tools
One-click install
npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-quick-start-szeyu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev-quick-start
Source: https://github.com/szeyu/open-ssyok-finance/tree/main/.agents/skills/slidev-quick-start
Command: npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-quick-start-szeyu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly bootstrap a Slidev presentation workflow so developers can focus on content rather than setup.

Core Features & Use Cases

  • Project scaffolding: Create a ready-to-use Slidev project with minimal steps.
  • Learning and onboarding: Understand Slidev fundamentals—markdown slides, themes, and layouts.
  • Rapid iteration: Start a local dev server to preview slides in real time during development.

Quick Start

Run npm init slidev@latest in an empty directory to scaffold your first Slidev project.

Frequently Asked Questions about slidev-quick-start

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

FAQPage Schema
How do I create a Slidev presentation from scratch?▼

Slidev uses standard markdown to build presentation slides, enhanced with Vue components. You write content in markdown files while Slidev handles themes, layouts, and local preview server rendering for real-time iteration.

What do I need to start building markdown slides with Slidev?▼

You need Node.js to run the npm init slidev@latest command in an empty directory. The scaffolding process sets up the project structure and enforces required YAML frontmatter (name and description) for your slides.

Does Slidev support adding custom assets and scripts to a presentation?▼

Yes, Slidev supports optional resource directories including scripts, references, and assets during project configuration. These directories enable extended functionality within your markdown presentation workflow.

Why does my Slidev project require YAML frontmatter?▼

Slidev enforces YAML frontmatter containing name and description fields to properly bootstrap and configure your presentation project. This required metadata ensures the slide deck is correctly initialized for the local preview server.

What is the best way to preview markdown slides during development?▼

The best way to preview markdown slides is by starting the Slidev local dev server. This rapid iteration server renders your presentation in real time, allowing you to see content changes immediately during development.

Related Skills

Explore More Software Engineering Skills→
BaoNguyen09BaoNguyen09
6

install-mac

Install Node.js and project dependencies on macOS for development.

Community
Intermediate
shekerkammashekerkamma

presentation-exporter

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

Community
Intermediate
hsiangjenlihsiangjenli

slidev-theme-neversink

Create Slidev presentations with the Neversink theme using Markdown and Vue components.

Community
Intermediate
xpert-aixpert-ai
8

report-to-google-slides

Convert HTML analytics reports into editable Google Slides decks.

Official
Advanced