Talk to Slidev Workflow
Your AI-powered keynote presentation team with 19 pre-configured skills for creating beautiful Slidev presentations.
Target Users
- Keynote Speakers - Automated slide deck creation with beautiful animations
- Tech Conference Presenters - Mermaid diagrams, code blocks, technical slides
- Startup Founders - Pitch decks with professional visual design
- Educators & Trainers - Course materials and lecture slides
Installation
npx add-skill nicepkg/ai-workflow/workflows/talk-to-slidev-workflowSkills Included (19)
0. Idea to Narrative Structure
| Skill | What It Does |
|---|---|
storyline-builder | McKinsey MECE narrative framework, slide titles, key transitions |
presentation-builder | General presentation structure with visual cues |
1. Script & Speaker Notes
| Skill | What It Does |
|---|---|
presentation-generator | HTML deck generation, backup export formats |
2. Visual Theme & Design
| Skill | What It Does |
|---|---|
theme-factory | One-click theme selection: colors, fonts, consistent style |
presentation-design-enhancer | Transform bullet points into visual narratives |
color-palette-extractor | Extract and apply color schemes from images |
font-pairing-suggester | Professional font combinations for presentations |
canvas-design | Visual asset creation for slides |
3. Media & Assets
| Skill | What It Does |
|---|---|
pexels-media | Find royalty-free images and videos with metadata |
nano-banana-pro | AI-generated illustrations, infographics, cover images |
youtube-transcript | Extract content from YouTube for research/citations |
transcribe-and-analyze | Audio/video transcription and analysis |
4. Diagrams & Infographics
| Skill | What It Does |
|---|---|
mermaid-diagrams | Flowcharts, architecture diagrams, timelines for Slidev |
mermaid-tools | Advanced Mermaid diagram editing and validation |
infographic-creation | Transform text into infographic-style visuals |
5. Export & Repurpose
| Skill | What It Does |
|---|---|
pptx | Export to PowerPoint format when needed |
social-repurposer | Repurpose slides for social media (LinkedIn, Twitter) |
6. Slidev Framework Reference
| Skill | What It Does |
|---|---|
slidev | Comprehensive Slidev framework guide: syntax, layouts, components, animations, theming, exporting |
slidev-presentations | Plan-first presentation workflow with /slidev:plan, /slidev:from-plan, /slidev:new commands |
Complete Pipeline (6 Stages)
Stage 0: Idea Input
βββ storyline-builder β MECE narrative structure with slide titles
Stage 1: Script Generation
βββ presentation-builder β Detailed presentation outline
Stage 2: Slidev Generation
βββ slidev-presentations β Plan-first workflow (/slidev:plan β /slidev:from-plan)
βββ slidev β Framework reference for syntax, layouts, animations
βββ theme-factory β Apply consistent visual theme
βββ presentation-design-enhancer β Visualize text-heavy slides
Stage 3: Media & Assets
βββ pexels-media β Find stock images
βββ nano-banana-pro β Generate custom visuals
βββ color-palette-extractor β Extract theme colors
Stage 4: Diagrams & Charts
βββ mermaid-diagrams β Technical diagrams
βββ mermaid-tools β Validate and enhance diagrams
βββ infographic-creation β Summary/framework pages
Stage 5: Export & Share
βββ pptx β PowerPoint backup export
βββ social-repurposer β Social media snippetsExample Workflows
Tech Conference Talk
1. "I want to present 'How We Scaled to 1M Users' - create the narrative structure"
2. "Generate the full speech script with speaker notes"
3. "Create Slidev markdown with technical architecture diagrams"
4. "Add mermaid diagrams for the system architecture"
5. "Find relevant stock images for each section"
6. "Apply a modern dark theme suitable for tech conferences"Startup Pitch Deck
1. "Create a 10-slide pitch deck structure for a SaaS startup"
2. "Generate compelling narrative with problem-solution-market flow"
3. "Design infographics for market size and growth projections"
4. "Add professional visuals and consistent branding"
5. "Export to PPTX for investor meetings"Educational Course
1. "Build a lecture series structure for 'Introduction to Machine Learning'"
2. "Create slides with step-by-step explanations"
3. "Add mermaid diagrams for algorithm flowcharts"
4. "Include code blocks with syntax highlighting"
5. "Generate summary infographics for each module"YouTube Script to Slides
1. "Extract transcript from this YouTube video"
2. "Convert the content into a presentation outline"
3. "Generate Slidev slides with key points"
4. "Add relevant visuals and diagrams"Skill Combinations
| Goal | Skill Chain |
|---|---|
| Full Keynote | storyline-builder β slidev-presentations β theme-factory β presentation-design-enhancer β mermaid-diagrams β pexels-media |
| Tech Talk | storyline-builder β slidev-presentations β mermaid-diagrams β mermaid-tools β canvas-design |
| Pitch Deck | presentation-builder β slidev-presentations β infographic-creation β nano-banana-pro β pptx |
| Video to Slides | youtube-transcript β storyline-builder β slidev-presentations β presentation-design-enhancer |
| Visual Design | theme-factory β color-palette-extractor β font-pairing-suggester β canvas-design |
| Social Snippets | presentation-generator β social-repurposer |
Slidev Quick Reference
Basic Slide Structure
---
theme: seriph
background: https://example.com/image.jpg
class: text-center
---
# Slide Title
Content goes here
---
# Next SlideMermaid Diagram
```mermaid
graph LR
A[Start] --> B[Process]
B --> C[End]
```Code Block with Highlighting
```python {1-3|5-7}
def hello():
print("Hello")
return True
def world():
print("World")
return True
```Advanced Options
# Install globally
npx add-skill nicepkg/ai-workflow/workflows/talk-to-slidev-workflow --global
# Install specific skill
npx add-skill nicepkg/ai-workflow/workflows/talk-to-slidev-workflow --skill slidev-presentations
# List all skills
npx add-skill nicepkg/ai-workflow/workflows/talk-to-slidev-workflow --listLinks
Last updated on