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

Ready to run

npx skills add https://github.com/szeyu/open-ssyok-finance --skill slidev-quick-start-szeyu

💬 Prompt for ChatGPT / Claude Chat▼

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.