Agent Skills › asgeirtj/system_prompts_leaks › export-as-pptx-screenshots

export-as-pptx-screenshots

GitHub

将HTML幻灯片导出为像素级精准的PPTX图片文件，支持全屏PNG截图模式。通过gen_pptx工具调用实现，处理导航、尺寸适配及Shadow DOM兼容，并可选提供Google Slides上传功能。

Anthropic/claude-design/skills/export-as-pptx-screenshots/SKILL.md asgeirtj/system_prompts_leaks

Trigger Scenarios

用户要求将网页演示文稿转换为PPTX格式需要生成不可编辑的高保真幻灯片图片

Install

npx skills add asgeirtj/system_prompts_leaks --skill export-as-pptx-screenshots -g -y

More Options

Non-standard path

npx skills add https://github.com/asgeirtj/system_prompts_leaks/tree/main/Anthropic/claude-design/skills/export-as-pptx-screenshots -g -y

Use without installing

npx skills use asgeirtj/system_prompts_leaks@export-as-pptx-screenshots

指定 Agent (Claude Code)

npx skills add asgeirtj/system_prompts_leaks --skill export-as-pptx-screenshots -a claude-code -g -y

安装 repo 全部 skill

npx skills add asgeirtj/system_prompts_leaks --all -g -y

预览 repo 内 skill

npx skills add asgeirtj/system_prompts_leaks --list

SKILL.md

Frontmatter

{
    "name": "export-as-pptx-screenshots",
    "description": "Flat images — pixel-perfect but not editable",
    "user-invocable": true
}

Export as PPTX (screenshots)

Export an HTML slide deck to a .pptx as full-bleed PNG images. Pixel-perfect, not editable. One gen_pptx tool call.

Steps

show_to_user the deck.
Call gen_pptx:

{
  "mode": "screenshots",
  "width": 1920, "height": 1080,
  "slides": [
    { "showJs": "goToSlide(0)", "selector": "body" },  // selector unused in screenshot mode but required
    { "showJs": "goToSlide(1)", "selector": "body" }
  ],
  "hideSelectors": [".nav", ".progress"],
  // If the deck wraps slides in a transform:scale() container, name it here so
  // the deck is forced to width × height inside the locked iframe.
  "resetTransformSelector": ".slide-container",
  "filename": "my-deck"
}

If — and only if — the user asked for Google Slides, also pass "offer_google_slides": true: the export dialog gains a 'Send to Google Slides' button, and the upload happens only if they click it.

slides[].delay defaults to 600ms — bump if transitions are slower.

If the deck uses the `<deck-stage>` starter component

resetTransformSelector: "deck-stage" — same as editable mode; the component drops its shadow-DOM transform: scale() so the slides fill the locked iframe.
slides[N].showJs: "document.querySelector('deck-stage').goTo(N)" — 0-indexed, so slide 1 is goTo(0).
hideSelectors is unnecessary — the overlay and tap-zones live in shadow DOM and aren't captured.

Validation

Same flags as editable mode. Watch for duplicate_adjacent (showJs didn't navigate) and reset_selector_miss / slide_size_mismatch (your resetTransformSelector matched nothing or didn't size to width × height).

Speaker notes from #speaker-notes are attached automatically. Page reloads after.

Version History

481967c Current 2026-08-20 17:03

Metadata

Files: 0
Version: a7d0a26
Hash: 71d96ec6
Indexed: 2026-08-20 17:03

export-as-pptx-screenshots