Html To Ppt

作者 claude-office-skills9c4c7d5cd281MIT499 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫8 個月前更新

Convert HTML/Markdown to PowerPoint presentations using Marp

僅含說明Documents & Office
AI 產生的概覽

使用 Marp 將 Markdown 或 HTML 轉換為 PowerPoint、PDF 或 HTML 投影片。

功能
此技能引導代理使用 Marp（Markdown 簡報生態系統）將 Markdown 或 HTML 內容轉換為簡報檔案。內容涵蓋 Marp 語法、frontmatter 選項、主題、版面配置、圖片、指令，以及 Python 或 Node.js 的呼叫方式。最終產出為 PPTX、PDF 或 HTML 格式的投影片。
適用情境
當你已有 Markdown 筆記、大綱或 HTML 內容，並希望產生編排好的投影片時使用。適合根據結構化文字製作簡報、募資簡報或報告投影片。
執行需求
需要 Marp CLI（可透過 npm 或 Homebrew 安裝），以及用來呼叫它的 Python 或 Node.js 執行環境。此技能未附帶指令碼，僅為說明文件。

HTML/Markdown to PowerPoint Skill

Overview

This skill enables conversion from Markdown or HTML to professional PowerPoint presentations using Marp (Markdown Presentation Ecosystem). Create beautiful, consistent slides using simple Markdown syntax with CSS-based themes.

How to Use

  1. Provide Markdown content structured for slides
  2. Optionally specify a theme or custom styling
  3. I'll convert it to PowerPoint, PDF, or HTML slides

Example prompts:

  • "Convert this markdown to a PowerPoint presentation"
  • "Create slides from this outline using Marp"
  • "Turn my notes into a presentation with the gaia theme"
  • "Generate a PDF slide deck from this markdown"

Domain Knowledge

Marp Fundamentals

Marp uses a simple syntax where --- separates slides:

markdown
---marp: truetheme: default---
# Slide 1 Title
Content for first slide
---
# Slide 2 Title
Content for second slide

Command Line Usage

bash
# Convert to PowerPointmarp slides.md -o presentation.pptx
# Convert to PDFmarp slides.md -o presentation.pdf
# Convert to HTMLmarp slides.md -o presentation.html
# With specific thememarp slides.md --theme gaia -o presentation.pptx

Slide Structure

Basic Slide
markdown
---marp: true---
# Title
- Bullet point 1- Bullet point 2- Bullet point 3
Title Slide
markdown
---marp: truetheme: gaiaclass: lead---
# Presentation Title
## Subtitle
Author NameDate

Frontmatter Options

yaml
---marp: truetheme: default          # default, gaia, uncoversize: 16:9              # 4:3, 16:9, or custompaginate: true          # Show page numbersheader: 'Company Name'  # Header textfooter: 'Confidential'  # Footer textbackgroundColor: #fffbackgroundImage: url('bg.png')---

Themes

Built-in Themes
markdown
---marp: truetheme: default   # Clean, minimal---
---marp: truetheme: gaia      # Colorful, modern---
---marp: truetheme: uncover   # Bold, presentation-focused---
Theme Classes
markdown
---marp: truetheme: gaiaclass: lead     # Centered title slide---
---marp: truetheme: gaiaclass: invert   # Inverted colors---

Formatting

Text Styling
markdown
# Heading 1## Heading 2
**Bold text** and *italic text*
`inline code`
> Blockquote for emphasis
Lists
markdown
- Unordered item- Another item  - Nested item
1. Ordered item2. Second item   1. Nested numbered
Code Blocks
markdown
# Code Example
\`\`\`pythondef hello():    print("Hello, World!")\`\`\`
Tables
markdown
| Feature | Status ||---------|--------|| Tables  | ✅     || Charts  | ✅     || Images  | ✅     |

Images

Basic Image
markdown
![](image.png)
Sized Image
markdown
![width:500px](image.png)![height:300px](image.png)![width:80%](image.png)
Background Image
markdown
---marp: truebackgroundImage: url('background.jpg')---
# Slide with Background

Advanced Layout

Two Columns
markdown
---marp: truestyle: |  .columns {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 1rem;  }---
# Two Column Layout
<div class="columns"><div>
## Left Column- Point 1- Point 2
</div><div>
## Right Column- Point A- Point B
</div></div>
Split Background
markdown
---marp: truetheme: gaiaclass: gaia---
<!-- _backgroundImage: linear-gradient(to right, #4a90a4, #4a90a4 50%, white 50%)-->
<div class="columns"><div style="color: white;">
# Dark Side
</div><div>
# Light Side
</div></div>

Directives

Local Directives (per slide)
markdown
---marp: true---
<!-- _backgroundColor: #123_color: white_paginate: false-->
# Special Slide
Scoped Styles
markdown
---marp: true---
<style scoped>h1 {  color: red;}</style>
# This Title is Red

Python Integration

python
import subprocessimport tempfileimport os
def markdown_to_pptx(md_content, output_path, theme='default'):    """Convert Markdown to PowerPoint using Marp."""        # Add marp directive if not present    if '---\nmarp: true' not in md_content:        md_content = f"---\nmarp: true\ntheme: {theme}\n---\n\n" + md_content        # Write to temp file    with tempfile.NamedTemporaryFile(mode='w', suffix='.md', delete=False) as f:        f.write(md_content)        temp_path = f.name        try:        # Convert using marp        subprocess.run([            'marp', temp_path, '-o', output_path        ], check=True)                return output_path    finally:        os.unlink(temp_path)
# Usagemd = """# Welcome
Introduction slide
---
# Agenda
- Topic 1- Topic 2- Topic 3"""
markdown_to_pptx(md, 'presentation.pptx')

Node.js/marp-cli API

javascript
const { marpCli } = require('@marp-team/marp-cli');
// Convert filemarpCli(['slides.md', '-o', 'output.pptx']).then(exitCode => {    console.log('Done:', exitCode);});

Best Practices

  1. One Idea Per Slide: Keep slides focused
  2. Use Visual Hierarchy: Consistent heading levels
  3. Limit Text: 6 bullets max per slide
  4. Include Images: Visual content enhances retention
  5. Test Output: Preview before final export

Common Patterns

Presentation Generator

python
def create_presentation(title, sections, output_path, theme='gaia'):    """Generate presentation from structured data."""        md_content = f"""---marp: truetheme: {theme}paginate: true---
<!-- _class: lead -->
# {title}
{sections.get('subtitle', '')}
{sections.get('author', '')}
"""        for section in sections.get('slides', []):        md_content += f"""---
# {section['title']}
"""        for point in section.get('points', []):            md_content += f"- {point}\n"                if section.get('notes'):            md_content += f"\n<!-- Notes: {section['notes']} -->\n"        md_content += """---
<!-- _class: lead -->
# Thank You!
Questions?"""        return markdown_to_pptx(md_content, output_path, theme)

Batch Slide Generation

python
def generate_report_slides(data_list, template, output_dir):    """Generate multiple presentations from data."""    import os        for data in data_list:        content = template.format(**data)        output_path = os.path.join(output_dir, f"{data['name']}_report.pptx")        markdown_to_pptx(content, output_path)

Examples

Example 1: Tech Presentation

markdown
---marp: truetheme: gaiaclass: leadpaginate: true---
# API Documentation
## REST API Best Practices
Engineering TeamJanuary 2024
---
# Agenda
1. Authentication2. Endpoints Overview3. Error Handling4. Rate Limiting5. Examples
---
# Authentication
All requests require an API key:
```httpAuthorization: Bearer YOUR_API_KEY
  • Keys expire after 90 days
  • Store securely, never commit to git
  • Rotate regularly

Endpoints Overview

MethodEndpointDescription
GET/usersList all users
POST/usersCreate user
GET/users/:idGet user details
PUT/users/:idUpdate user
DELETE/users/:idDelete user

Error Handling

json
{  "error": {    "code": "VALIDATION_ERROR",    "message": "Invalid email format",    "details": ["email must be valid"]  }}
<!-- _class: lead -->

Questions?

[email protected]


### Example 2: Business Pitch```pythondef create_pitch_deck(company_data):    """Generate investor pitch deck."""        md = f"""---marp: truetheme: uncoverpaginate: true---
<!-- _class: lead --><!-- _backgroundColor: #2d3748 --><!-- _color: white -->
# {company_data['name']}
{company_data['tagline']}
---
# The Problem
{company_data['problem_statement']}
**Market Pain Points:**"""        for pain in company_data['pain_points']:        md += f"- {pain}\n"        md += f"""---
# Our Solution
{company_data['solution']}
![width:600px]({company_data.get('product_image', 'product.png')})
---
# Market Opportunity
- **TAM:** {company_data['tam']}- **SAM:** {company_data['sam']}- **SOM:** {company_data['som']}
---
# Traction
| Metric | Value ||--------|-------|| Monthly Revenue | {company_data['mrr']} || Customers | {company_data['customers']} || Growth Rate | {company_data['growth']} |
---
# The Ask
**Seeking:** {company_data['funding_ask']}
**Use of Funds:**- Product Development: 40%- Sales & Marketing: 35%- Operations: 25%
---
<!-- _class: lead -->
# Let's Build the Future Together
{company_data['contact']}"""        return md
# Generate deckpitch_data = {    'name': 'TechStartup Inc',    'tagline': 'AI-Powered Document Processing',    'problem_statement': 'Businesses waste 20% of time on manual document work',    'pain_points': ['Manual data entry', 'Error-prone processes', 'Slow turnaround'],    'solution': 'Automated document processing with 99.5% accuracy',    'tam': '$50B',    'sam': '$10B',    'som': '$500M',    'mrr': '$100K',    'customers': '50',    'growth': '20% MoM',    'funding_ask': '$5M Series A',    'contact': '[email protected]'}
md_content = create_pitch_deck(pitch_data)markdown_to_pptx(md_content, 'pitch_deck.pptx', theme='uncover')

Limitations

  • Complex animations not supported
  • Some PowerPoint-specific features unavailable
  • Custom fonts require CSS configuration
  • Video embedding limited
  • Speaker notes have basic support

Installation

bash
# Using npmnpm install -g @marp-team/marp-cli
# Using Homebrewbrew install marp-cli
# Verify installationmarp --version

Resources

來源與署名

來源：claude-office-skills/skills位於html-to-ppt提交9c4c7d5

授權條款： MIT

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架

更多來自 claude-office-skills/skills 的技能

Whatsapp Automation

claude-office-skills

指導 WhatsApp Business 自動化，涵蓋客服聊天機器人、訂單通知、預約提醒與廣播活動。

Communication4998 個月前更新

Xlsx Manipulation

claude-office-skills

使用 openpyxl 建立與編輯 Excel .xlsx 試算表，涵蓋公式、格式、圖表與資料驗證。

Documents & Office4998 個月前更新

Web Search

claude-office-skills

指導擬定網路搜尋查詢、評估來源，並將發現綜整為搜尋策略。

Research & Analysis4998 個月前更新

Weekly Report

claude-office-skills

根據你提供的資訊，產生給主管、團隊、高階主管或客戶的結構化每週狀態報告。

Productivity & Workflow4998 個月前更新

Tiktok Marketing

claude-office-skills

規劃 TikTok 行銷內容：內容支柱策略、影片腳本、主題標籤、發布排程與成效分析。

Marketing & Sales4998 個月前更新

Template Engine

claude-office-skills

以資料填入文件範本，支援 Word、Excel 與 PowerPoint 檔案的合併列印。

Documents & Office4998 個月前更新

更多Documents & Office技能

Pdf

openai

精選

讀取、建立並以視覺方式檢查 PDF 檔案，將頁面算繪成影像，並使用 Python 函式庫進行產生與擷取。

Documents & Office27K4 週前更新

View Pdf

anthropics

精選

在互動式檢視器中開啟 PDF，用於註解、填寫表單和放置視覺化簽名。

Documents & Office27K今天更新

Wiki Ado Convert

microsoft

精選

產生一個 Node.js 指令碼，將 VitePress/GFM markdown 轉換為相容 Azure DevOps Wiki 的 markdown 副本。

Documents & Office3K今天更新

Esign Field Placement

affaan-m

以書面工作流程約定，用數值座標在瀏覽器簽署器中放置電子簽章欄位，預設存為草稿並設操作員閘門。

Documents & Office275K3 天前更新

Visa Doc Translate

affaan-m

將簽證申請文件影像翻譯成英文，並產出包含原圖與譯文的雙語 PDF。

Documents & Office275K3 天前更新

Google Workspace Ops

affaan-m

操作 Google Workspace 的文件、試算表、簡報與雲端硬碟資源：尋找、檢查、編輯並清理共用檔案。

Documents & Office275K3 天前更新