skills.rest
yoanbernabeu
yoanbernabeuCOMMUNITY
Explore all skills by this author →
Website𝕏@yOyO38GitHub

slidev-project-structure

Map Slidev project structure across configuration files and directories.

34|1|Updated Jan 25, 2026
Search Tags:#components#configuration#themes#addons#project-structure#Slidev
One-click install
npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-project-structure
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidev-project-structure
Source: https://github.com/yoanbernabeu/slidev-skills/tree/main/skills/getting-started/slidev-project-structure
Command: npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-project-structure

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Understand and map the complete structure of a Slidev project, including how configuration, components, and assets fit together to speed up setup and maintenance.

Core Features & Use Cases

  • Project map: Identifies where slides.md, package.json, and core directories live (components/, layouts/, pages/, public/, styles/, setup/).
  • Configuration clarity: Explains how frontmatter controls themes, addons, and appearance.
  • Use case: When starting a new Slidev deck, use this skill to rapidly scaffold and verify project structure before content creation.

Quick Start

Create or open a Slidev project and inspect root files and directories to understand organization and customization points.

Frequently Asked Questions about slidev-project-structure

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

FAQPage Schema
What is the standard Slidev project structure?▼

Slidev project structure revolves around the slides.md file for content and package.json for dependencies, with dedicated directories like components/, layouts/, public/, and styles/ for customization.

How do I configure themes and addons in a Slidev presentation?▼

Configure Slidev themes and addons by adding frontmatter to slides.md, specifying the theme and listing addons to control presentation appearance and extend functionality.

Where do I put custom components in a Slidev project?▼

Custom components in a Slidev project belong in the components/ directory, where they are auto-imported and made available for use across your slides.md presentation.

How do I start organizing a new Slidev presentation?▼

Start organizing a new Slidev presentation by mapping the root files and core directories, verifying the structure for configuration files, components, and layouts before adding content.

Does Slidev use package.json for project configuration?▼

Yes, Slidev uses package.json to manage project dependencies like themes and addons, while slides.md frontmatter handles presentation configuration and appearance settings.

When do I need to use the layouts directory in Slidev?▼

Use the layouts/ directory in Slidev when you need to define custom page layouts for your presentation, applying them to specific slides through the layout frontmatter property.

Related Skills

Explore More Software Engineering Skills→
steedossteedos
1.6k

steedos-project-format

Scaffold Steedos projects with package.json and steedos-config.yml.

Official
Intermediate
JetBrainsJetBrains
302

slidev

Create web-based slide decks from Markdown with Vue components and code highlighting.

Official
Advanced
pylover7pylover7

frontend-components

Provide reusable Vue.js components with Tailwind CSS and Element Plus.

Community
Intermediate
thenslsthensls

netlify-deploy

Deploy static HTML directories to Netlify via CLI and verify with Playwright screenshots.

Official
Intermediate