Back to Details

md-slides

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Markdown Slides Skill

Markdown 幻灯片 Skill

Overview

概述

This skill enables creation of presentations from pure Markdown using Marp. Write slides in familiar Markdown syntax and export to PDF, PPTX, or HTML with professional themes.
本Skill支持使用Marp从纯Markdown文件创建演示文稿。你可以用熟悉的Markdown语法编写幻灯片，并导出为带有专业主题的PDF、PPTX或HTML格式。

How to Use

使用方法

  1. Write or provide Markdown content
  2. I'll format it for Marp with proper directives
  3. Export to your preferred format (PDF/PPTX/HTML)
Example prompts:
  • "Convert my notes to a presentation"
  • "Create slides from this markdown"
  • "Build a pitch deck using markdown"
  • "Generate PDF slides from this outline"
  1. 编写或提供Markdown内容
  2. 我会为其添加合适的指令，适配Marp格式
  3. 导出为你偏好的格式（PDF/PPTX/HTML）
示例提示词：
  • "将我的笔记转换为演示文稿"
  • "用这份Markdown创建幻灯片"
  • "用Markdown制作一份推介演示文稿"
  • "根据这份大纲生成PDF幻灯片"

Domain Knowledge

相关知识

Basic Syntax

基础语法

markdown
---
marp: true
---
markdown
---
marp: true
---

First Slide

First Slide

Content here
Content here

Second Slide

Second Slide

  • Bullet 1
  • Bullet 2
undefined
  • Bullet 1
  • Bullet 2
undefined

Themes

主题

markdown
---
marp: true
theme: default  # default, gaia, uncover
---
markdown
---
marp: true
theme: default  # default, gaia, uncover
---

Directives

指令

markdown
---
marp: true
theme: gaia
class: lead        # Centered title
paginate: true     # Page numbers
header: 'Header'   # Header text
footer: 'Footer'   # Footer text
backgroundColor: #fff
---
markdown
---
marp: true
theme: gaia
class: lead        # Centered title
paginate: true     # Page numbers
header: 'Header'   # Header text
footer: 'Footer'   # Footer text
backgroundColor: #fff
---

Images

图片

markdown
![width:500px](image.png)
![bg](background.jpg)
![bg left:40%](sidebar.jpg)
markdown
![width:500px](image.png)
![bg](background.jpg)
![bg left:40%](sidebar.jpg)

Columns

分栏

markdown
<div class="columns">
<div>
markdown
<div class="columns">
<div>

Left

Left

Content
</div> <div>
Content
</div> <div>

Right

Right

Content
</div> </div> ```
Content
</div> </div> ```

Example

示例

markdown
---
marp: true
theme: gaia
paginate: true
---

<!-- _class: lead -->
markdown
---
marp: true
theme: gaia
paginate: true
---

<!-- _class: lead -->

Project Update

Project Update

Q4 2024 Review
Q4 2024 Review

Highlights

Highlights

  • Revenue: +25%
  • Users: +50%
  • NPS: 72
  • Revenue: +25%
  • Users: +50%
  • NPS: 72

Roadmap

Roadmap

Q1Q2Q3Q4
MVPBetaLaunchScale
<!-- _class: lead -->
Q1Q2Q3Q4
MVPBetaLaunchScale
<!-- _class: lead -->

Thank You!

Thank You!

questions@company.com
undefined
questions@company.com
undefined

CLI Usage

CLI 使用方法

bash
undefined
bash
undefined

Install

Install

npm install -g @marp-team/marp-cli
npm install -g @marp-team/marp-cli

Convert

Convert

marp slides.md -o presentation.pdf marp slides.md -o presentation.pptx marp slides.md -o presentation.html
undefined
marp slides.md -o presentation.pdf marp slides.md -o presentation.pptx marp slides.md -o presentation.html
undefined

Resources

资源