Claude MarketplacesSubmit
yoanbernabeu avatar

Slidev Project Structure

yoanbernabeu/slidev-skills

This one's a solid reference when you're past the "hello world" stage of Slidev and need to understand where everything goes. It covers the full directory layout, from custom Vue components and layouts to setup scripts for Monaco and Shiki. The headmatter configuration section is especially helpful since that's where most of the magic happens. If you're adding custom components, splitting slides across files, or just wondering why your styles aren't loading, this breaks down the conventions clearly. It's less about building slides and more about organizing a serious presentation project that you'll actually maintain.

skills.sh installs
261
GitHub stars
42
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add yoanbernabeu/slidev-skills --skill slidev-project-structure --agent claude-code

Installs into .claude/skills of the current project.

Files

Slidev Project Structure

This skill helps you understand the complete structure of a Slidev project, including configuration files, directory conventions, and customization options.

When to Use This Skill

  • Setting up a complex Slidev project
  • Adding custom components or layouts
  • Configuring themes and addons
  • Understanding where to put assets and styles
  • Troubleshooting project structure issues

Standard Project Structure

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/yoanbernabeu/slidev-skills
Category
Office & Documents
First seen
Jun 3, 2026

More from yoanbernabeu/slidev-skills

All 6

Recommended

More Office & Documents
1prompticeu avatarpromptslideprompticeu/promptslideCreates and authors slide deck presentations using the PromptSlide framework (Vite + React 19 + Tailwind v4 + Framer Motion). Use when the user wants to create 258skills.sh installs
2nexu-io avatarsimple-decknexu-io/open-designSingle-file horizontal-swipe HTML deck. Built by copying the seed `assets/template.html` (which carries the proven 5-rule iframe nav script) and pasting slide l242skills.sh installs
3nexu-io avatarweekly-updatenexu-io/open-designSingle-file horizontal-swipe slide deck for a weekly team update — shipped, in flight, blocked, metrics, asks. 6–8 slides. Use when the brief mentions "weekly u234skills.sh installs
4aiskillstore avatarpptxaiskillstore/marketplacePresentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or e230skills.sh installs
5ajaxhe avataruniversal-pptx-generatorajaxhe/universal-pptx-generator-skill通用 PPT 生成技能。能够根据用户指定的任意 PPT 模板，结合提供的图文素材（文档、图片等），自动生成一份风格统一的演示文稿。支持自动分析模板结构、提取背景图/背景色、解析配色方案和字体规范，然后根据素材内容生成完整 PPT。支持多种图表类型（柱状图、折线图、饼图、雷达图等）的数据可视化展示。关键词：PPT生成、模230skills.sh installs
6hiyeshu avatarcodeck-reviewhiyeshu/codeckReviewer role. Opens rendered HTML, inspects every slide visually, fixes problems in custom.css or slides.html and rebuilds through build-html.sh. Use whenever 192skills.sh installs