Agent Skillsluwill/research-skills › paper-slide-deck

paper-slide-deck

GitHub

将论文或内容转化为风格化幻灯片图片,支持多种视觉样式及自动提取图表。适用于社交媒体分享而非学术演示,需安装Node和Python依赖以生成图像或仅输出大纲。

paper-slide-deck/SKILL.md luwill/research-skills

Trigger Scenarios

需要生成视觉化、适合分享的幻灯片图片 从PDF或Markdown中提取图表并制作成图 要求非编辑型、强风格的视觉海报

Install

npx skills add luwill/research-skills --skill paper-slide-deck -g -y
More Options

Non-standard path

npx skills add https://github.com/luwill/research-skills/tree/main/paper-slide-deck -g -y

Use without installing

npx skills use luwill/research-skills@paper-slide-deck

指定 Agent (Claude Code)

npx skills add luwill/research-skills --skill paper-slide-deck -a claude-code -g -y

安装 repo 全部 skill

npx skills add luwill/research-skills --all -g -y

预览 repo 内 skill

npx skills add luwill/research-skills --list

SKILL.md

Frontmatter
{
    "name": "paper-slide-deck",
    "description": "Use when the user wants visually striking, shareable slide-deck IMAGES from any content — an article, blog post, topic, or paper — where look-and-feel matters more than editable precision (风格化幻灯\/小红书配图\/公众号配图\/视觉化海报), optimized for reading and social sharing rather than live presentation. Offers 17 T2I aesthetic styles (watercolor, sketch-notes, pixel-art, editorial, chalkboard, etc.); each slide is an AI-generated image (Gemini\/Nano Banana), so the look is distinctive but text\/math\/data are baked into the image (not editable). NOT for a faithful academic talk where equations, numbers, tables, and citations must stay exact, editable, and projector-ready (组会\/答辩\/thesis defense\/conference\/results-heavy talks) — for that use scholar-slides instead, since text-to-image will garble math and data."
}

Paper Slide Deck Generator

Transform academic papers and content into professional slide deck images with automatic figure extraction.

Usage

/paper-slide-deck path/to/paper.pdf
/paper-slide-deck path/to/paper.pdf --style academic-paper
/paper-slide-deck path/to/content.md --style sketch-notes
/paper-slide-deck path/to/content.md --audience executives
/paper-slide-deck path/to/content.md --lang zh
/paper-slide-deck path/to/content.md --slides 10
/paper-slide-deck path/to/content.md --outline-only
/paper-slide-deck  # Then paste content

Setup (one-time)

The TypeScript scripts (merge-to-*, detect-figures, extract-figure, apply-template) need Node dependencies. Install them once:

cd ${SKILL_DIR}/scripts && npm install

This installs canvas, pdfjs-dist, pptxgenjs, and pdf-lib (a package-lock.json pins versions). If a script exits with missing Node dependency "<name>", run the command above. The Python generator (generate-slides.py) auto-installs google-genai on first run.

Also install PyMuPDF (pip install pymupdf) — it is the reliable fallback for extracting figures from pages that embed bitmaps (X-rays, CAM heatmaps, photographs), where the pdfjs + canvas path in extract-figure.ts fails with Error: Image or Canvas expected. For medical-imaging papers this is the common case, not the exception, so treat PyMuPDF as required, not optional.

Image generation & no-API-key path

Image generation needs either a GOOGLE_API_KEY/GEMINI_API_KEY (Gemini API) or the Gemini Web skill. If no key and no web option is available, the skill still works in a degraded mode — do not abort:

  1. Run with --outline-only to produce the outline + prompts (no images).
  2. For a source PDF, extract real figures/tables with detect-figures.ts + extract-figure.ts + apply-template.ts (no API key needed — pure rendering).
  3. Merge whatever slides exist (extract-sourced pages) into PPTX/PDF, and hand the prompts/ back to the user to generate images later when a key is available.

Script Directory

Important: All scripts are located in the scripts/ subdirectory of this skill.

Agent Execution Instructions:

  1. Determine this SKILL.md file's directory path as SKILL_DIR
  2. Script path = ${SKILL_DIR}/scripts/<script-name>.ts
  3. Replace all ${SKILL_DIR} in this document with the actual path

Script Reference:

Script Purpose
scripts/generate-slides.py Generate AI slides via Gemini API (Python)
scripts/merge-to-pptx.ts Merge slides into PowerPoint
scripts/merge-to-pdf.ts Merge slides into PDF
scripts/detect-figures.ts Auto-detect figures/tables in PDF (heuristic; verify pages)
scripts/extract-figure.ts Render a full PDF page to PNG (optional --crop; PyMuPDF fallback)
scripts/apply-template.ts Apply figure container template

Options

Option Description
--style <name> Visual style (see Style Gallery)
--audience <type> Target audience: beginners, intermediate, experts, executives, general
--lang <code> Output language (en, zh, ja, etc.)
--slides <number> Target slide count
--outline-only Generate outline only, skip image generation

Style Gallery

Style Description Best For
academic-paper Clean professional, precise charts Academic-style visuals, technical handouts (for a faithful editable talk use scholar-slides)
blueprint (Default) Technical schematics, grid texture Architecture, system design
chalkboard Black chalkboard, colorful chalk Education, tutorials, classroom
notion SaaS dashboard, card-based layouts Product demos, SaaS, B2B
bold-editorial Magazine cover, bold typography, dark Product launches, keynotes
corporate Navy/gold, structured layouts Investor decks, proposals
dark-atmospheric Cinematic dark mode, glowing accents Entertainment, gaming
editorial-infographic Magazine explainers, flat illustrations Tech explainers, research
fantasy-animation Ghibli/Disney style, hand-drawn Educational, storytelling
intuition-machine Technical briefing, bilingual labels Technical docs, academic
minimal Ultra-clean, maximum whitespace Executive briefings, premium
pixel-art Retro 8-bit, chunky pixels Gaming, developer talks
scientific Academic diagrams, precise labeling Biology, chemistry, medical
sketch-notes Hand-drawn, warm & friendly Educational, tutorials
vector-illustration Flat vector, retro & cute Creative, children's content
vintage Aged-paper, historical styling Historical, heritage, biography
watercolor Hand-painted textures, natural warmth Lifestyle, wellness, travel

Auto Style Selection

Content Signals Selected Style
paper, thesis, defense, conference, ieee, acm, icml, neurips, cvpr, acl, aaai, iclr academic-paper
tutorial, learn, education, guide, intro, beginner sketch-notes
classroom, teaching, school, chalkboard, blackboard chalkboard
architecture, system, data, analysis, technical blueprint
creative, children, kids, cute, illustration vector-illustration
briefing, bilingual, infographic, concept intuition-machine
executive, minimal, clean, simple, elegant minimal
saas, product, dashboard, metrics, productivity notion
investor, quarterly, business, corporate, proposal corporate
launch, marketing, keynote, bold, impact, magazine bold-editorial
entertainment, music, gaming, creative, atmospheric dark-atmospheric
explainer, journalism, science communication editorial-infographic
story, fantasy, animation, magical, whimsical fantasy-animation
gaming, retro, pixel, developer, nostalgia pixel-art
biology, chemistry, medical, pathway, scientific scientific
history, heritage, vintage, expedition, historical vintage
lifestyle, wellness, travel, artistic, natural watercolor
Default blueprint

Academic-signal caution: When the content matches academic-paper signals (paper/thesis/neurips/cvpr/icml/…), this skill still bakes text into an image, so equations, result tables, and exact numbers may be garbled. Extract real figures/tables from the source PDF (Source: extract) rather than letting the model redraw them, and if the deck needs faithful, editable formulas/data, tell the user to use scholar-slides instead.

Layout Gallery

Optional layout hints for individual slides. Specify in outline's // LAYOUT section.

Slide-Specific Layouts

Layout Description Best For
title-hero Large centered title + subtitle Cover slides, section breaks
quote-callout Featured quote with attribution Testimonials, key insights
key-stat Single large number as focal point Impact statistics, metrics
split-screen Half image, half text Feature highlights, comparisons
icon-grid Grid of icons with labels Features, capabilities, benefits
two-columns Content in balanced columns Paired information, dual points
three-columns Content in three columns Triple comparisons, categories
image-caption Full-bleed image + text overlay Visual storytelling, emotional
agenda Numbered list with highlights Session overview, roadmap
bullet-list Structured bullet points Simple content, lists

Infographic-Derived Layouts

Layout Description Best For
linear-progression Sequential flow left-to-right Timelines, step-by-step
binary-comparison Side-by-side A vs B Before/after, pros-cons
comparison-matrix Multi-factor grid Feature comparisons
hierarchical-layers Pyramid or stacked levels Priority, importance
hub-spoke Central node with radiating items Concept maps, ecosystems
bento-grid Varied-size tiles Overview, summary
funnel Narrowing stages Conversion, filtering
dashboard Metrics with charts/numbers KPIs, data display
venn-diagram Overlapping circles Relationships, intersections
circular-flow Continuous cycle Recurring processes
winding-roadmap Curved path with milestones Journey, timeline
tree-branching Parent-child hierarchy Org charts, taxonomies
iceberg Visible vs hidden layers Surface vs depth
bridge Gap with connection Problem-solution

Academic-Specific Layouts

Layout Description Best For
paper-title Title, authors, affiliations, venue Conference paper cover
outline-agenda Numbered section list with highlights Talk structure overview
methods-diagram Central architecture/pipeline diagram Methods, system design
results-chart Chart area + data annotations Quantitative results
equation-focus Centered equation + variable definitions Mathematical derivations
qualitative-grid 2x2 or 3x2 image comparison grid Visual results, ablations
references-list Numbered citation list Key references slide
contributions Numbered contribution points Contributions summary

Usage: Add Layout: <name> in slide's // LAYOUT section to guide visual composition.

Design Philosophy

This deck is designed for reading and sharing, not live presentation:

  • Each slide must be self-explanatory without verbal commentary
  • Structure content for logical flow when scrolling
  • Include all necessary context within each slide
  • Optimize for social media sharing and offline reading

File Management

Output Directory

Each session creates an independent directory named by content slug:

slide-deck/{topic-slug}/
├── source-{slug}.{ext}    # Source files (text, images, etc.)
├── outline.md
├── outline-{style}.md     # Style variant outlines
├── prompts/
│   └── 01-slide-cover.md, 02-slide-{slug}.md, ...
├── 01-slide-cover.png, 02-slide-{slug}.png, ...
├── {topic-slug}.pptx
└── {topic-slug}.pdf

Slug Generation:

  1. Extract main topic from content (2-4 words, kebab-case)
  2. Example: "Introduction to Machine Learning" → intro-machine-learning

Conflict Resolution

If slide-deck/{topic-slug}/ already exists:

  • Append timestamp: {topic-slug}-YYYYMMDD-HHMMSS
  • Example: intro-ml exists → intro-ml-20260118-143052

Source Files

Copy all sources with naming source-{slug}.{ext}:

  • source-article.md (main text content)
  • source-diagram.png (image from conversation)
  • source-data.xlsx (additional file)

Multiple sources supported: text, images, files from conversation.

Workflow

Step 1: Analyze Content

  1. Save source content (if pasted, save as source.md)

  2. Follow references/analysis-framework.md for deep content analysis

  3. Determine style (use --style or auto-select from signals)

  4. Detect languages (source vs. user preference)

  5. Plan slide count (--slides or dynamic)

  6. For academic papers (PDF with figures): Run automatic figure detection:

    npx -y bun ${SKILL_DIR}/scripts/detect-figures.ts --pdf source-paper.pdf --output figures.json
    

    This outputs a JSON file with all detected figures/tables, their page numbers, and captions.

    Caption detection is heuristic — verify, especially the first-page teaser. The line-anchored Figure N matcher reliably finds captions that sit on their own line (single-column layouts), but misses figures whose caption is interleaved with body text on a two-column first page — which is often the paper's most important architecture/overview figure. After running detect-figures, cross-check the source's Figure 1 explicitly: if the paper's text references a Figure N that is absent from figures.json, add it manually via an // IMAGE_SOURCE block and extract it with the PyMuPDF fallback. Do not assume figures.json is complete.

Step 2: Generate Outline Variants

  1. Generate 3 style variant outlines based on content analysis
  2. Follow references/outline-template.md for structure
  3. Auto-populate IMAGE_SOURCE for academic papers:
    • Read figures.json from Step 1
    • Map figures to slides using rules in references/analysis-framework.md Section 8
    • Automatically add // IMAGE_SOURCE blocks to appropriate slides:
      • Architecture/pipeline figures → Methods slides (Source: extract)
      • Results tables → Quantitative results slides (Source: extract)
      • Comparison images → Qualitative results slides (Source: extract)
      • Conceptual/simple diagrams → Leave for AI generation (Source: generate or omit)
  4. Save as outline-{style}.md for each variant

Step 3: User Confirmation

Single AskUserQuestion with all applicable options:

Question When to Ask
Style variant Always (3 options + custom)
Language Only if source ≠ user language

After selection:

  • Copy selected outline-{style}.md to outline.md
  • Regenerate in different language if requested
  • User may edit outline.md for fine-tuning

If --outline-only, stop here.

Step 4: Generate Prompts

  1. Read references/base-prompt.md
  2. Combine with style instructions from outline
  3. Add slide-specific content
  4. If Layout: specified in outline, include layout guidance in prompt:
    • Reference layout characteristics for image composition
    • Example: Layout: hub-spoke → "Central concept in middle with related items radiating outward"
  5. Save to prompts/ directory

Step 5: Image Generation Method Selection

Before generating images, ask user to choose generation method:

Use AskUserQuestion with options:

Option Label Description
1 Gemini API (Recommended) Official Google API via Python. Requires GOOGLE_API_KEY env var.
2 Gemini Web (Browser-based) ⚠️ Uses reverse-engineered web API. No API key needed but may break.

Based on selection:

Option 1: Gemini API (Python)

  1. Verify API key: Check GOOGLE_API_KEY or GEMINI_API_KEY environment variable
  2. Run generation script:
    python3 ${SKILL_DIR}/scripts/generate-slides.py <slide-deck-dir>
    
    The default model is gemini-3-pro-image (Nano Banana Pro, GA). Override with --model <id> if needed. The older gemini-3-pro-image-preview id is deprecated.

Script Features:

  • Auto-installs google-genai package if missing
  • Reads prompt files as *.md (or *.txt) from prompts/
  • Errors out (non-zero) if no prompt files are found — no silent "nothing to do"
  • Retry logic with exponential backoff (3 retries)
  • Sets response_modalities=["IMAGE"] so the model returns image parts
  • Skips already-generated slides (> 10KB, any image extension)
  • Writes each slide to the deck root (e.g. 01-slide-cover.png), the same place extracted-figure slides land — so one merge step picks up both
  • Saves with the real image extension (Gemini often returns JPEG even when PNG is requested → saved as .jpg, never a mislabeled .png)
  • Supports custom model via --model flag

Troubleshooting:

  • If server disconnection errors occur, script auto-retries
  • For persistent failures, re-run the script (it skips completed slides)
  • Check API quota if many failures occur

Option 2: Gemini Web Skill

  1. Consent Check: Read consent file at:

    • Windows: $APPDATA/baoyu-skills/gemini-web/consent.json
    • macOS: ~/Library/Application Support/baoyu-skills/gemini-web/consent.json
    • Linux: ~/.local/share/baoyu-skills/gemini-web/consent.json
  2. If no consent or version mismatch, display disclaimer and ask:

    ⚠️ DISCLAIMER: This uses a reverse-engineered Gemini Web API (NOT official).
    Risks: May break anytime, no support, possible account risk.
    
  3. For each slide, run:

    npx -y bun ${GEMINI_WEB_SKILL_DIR}/scripts/main.ts \
      --promptfiles prompts/01-slide-cover.md \
      --image 01-slide-cover.png \
      --sessionId slides-{topic-slug}-{timestamp}
    

    Where GEMINI_WEB_SKILL_DIR = path to baoyu-danger-gemini-web skill directory.

  4. Proxy support: If user is in restricted network, prepend:

    HTTP_PROXY=http://127.0.0.1:7890 HTTPS_PROXY=http://127.0.0.1:7890
    

Step 5.5: Process IMAGE_SOURCE (Automatic Figure Extraction)

For academic presentations, IMAGE_SOURCE metadata was auto-populated in Step 2 based on figure detection from Step 1.

Automatic Execution:

  1. Parse outline to identify slides with Source: extract

  2. Create figures directory: mkdir -p figures

  3. For each extract slide, automatically:

    • Read the Figure number, Page, and Caption from metadata
    • Run figure extraction script:
      npx -y bun ${SKILL_DIR}/scripts/extract-figure.ts \
        --pdf source-paper.pdf \
        --page <page-number> \
        --output figures/figure-<N>.png
      
      Note: extract-figure.ts renders the entire page to a high-resolution PNG — it does not auto-detect or crop a single figure's bounding box. On a two-column page you will get both columns. To isolate one figure, either pass --crop "x,y,width,height" (pixels in the rendered/scaled page) or open the PNG, confirm it visually, and crop manually before applying the template.
    • Run template application script:
      npx -y bun ${SKILL_DIR}/scripts/apply-template.ts \
        --figure figures/figure-<N>.png \
        --title "<slide-headline>" \
        --caption "Figure <N>: <caption-text>" \
        --output <NN>-slide-<slug>.png
      
    • Report: "Extracted: Figure N → slide NN"
  4. For slides with Source: generate (or no IMAGE_SOURCE):

    • Proceed to Step 6 for AI generation

Note: Source PDF must be saved as source-paper.pdf in output directory.

Troubleshooting:

  • If figure detection missed a figure: manually add // IMAGE_SOURCE block to outline
  • If wrong figure mapped: edit the Figure: and Page: values in outline
  • If extraction fails: check PDF page number (1-indexed)

PyMuPDF Fallback for Page Extraction: If extract-figure.ts fails with "Image or Canvas expected" error (common with complex PDFs), use PyMuPDF:

import fitz
doc = fitz.open("source-paper.pdf")
page = doc[page_num - 1]  # 0-indexed
mat = fitz.Matrix(3, 3)  # 3x scale for high resolution
pix = page.get_pixmap(matrix=mat)
pix.save(f"extracted/page-{page_num}.png")

Then apply template using apply-template.ts.

Step 6: Generate Images

  1. Use selected method from Step 5
  2. Skip slides already processed in Step 5.5 (those with Source: extract)
  3. Generate session ID: slides-{topic-slug}-{timestamp}
  4. Generate each remaining slide with same session ID
  5. Report progress: "Generated X/N"
  6. Auto-retry once on generation failure

Step 6.5: Proofread Generated Images (Content Integrity)

Text-to-image bakes text into pixels and will garble spelling, math symbols, and numbers — this is the single biggest risk of this skill. Do not ship unchecked.

For every generated slide (especially any with equations, tables, key numbers, or non-Latin text), use Read to open the PNG and visually check:

  1. Spelling / wording — headline and body text match the outline, no invented or mangled words.
  2. Math & symbols — equations, subscripts, Greek letters, operators are correct (or absent). Assume the model got them wrong until you confirm otherwise.
  3. Numbers & units — any figure that carries data matches the source exactly.

If garbling is found:

  • Regenerate that slide with a corrected/simplified prompt (spell risky terms phonetically, reduce text density, move exact numbers to a caption). Max 2 retries.
  • If it still fails after 2 retries, flag the slide [CHECK] in the Step 8 summary and recommend one of:
    • Replace with an extracted figure/table from the source PDF (Source: extract), or
    • Simplify the slide to remove the fragile text, or
    • For a deck that genuinely needs faithful, editable formulas/data, switch to scholar-slides.

Never silently deliver a slide with garbled math or data — always surface it.

Step 7: Merge to PPTX and PDF

npx -y bun ${SKILL_DIR}/scripts/merge-to-pptx.ts <slide-deck-dir>
npx -y bun ${SKILL_DIR}/scripts/merge-to-pdf.ts <slide-deck-dir>

Step 8: Output Summary

Slide Deck Complete!

Topic: [topic]
Style: [style name]
Location: [directory path]
Slides: N total

- 01-slide-cover.png ✓ Cover
- 02-slide-intro.png ✓ Content
- 04-slide-results.png ⚠ [CHECK] math/numbers — verify or use scholar-slides
- ...
- {NN}-slide-back-cover.png ✓ Back Cover

Outline: outline.md
PPTX: {topic-slug}.pptx
PDF: {topic-slug}.pdf

List any [CHECK]-flagged slides (from Step 6.5) explicitly so the user knows which slides may contain garbled text/math/data and how to remediate them.

Slide Modification

See references/modification-guide.md for:

  • Edit single slide workflow
  • Add new slide (with renumbering)
  • Delete slide (with renumbering)
  • File naming conventions

Image Generation Dependencies

Gemini API (Option 1 - Recommended)

Requires:

  • GOOGLE_API_KEY or GEMINI_API_KEY environment variable
  • Python 3.8+ with pip
  • google-genai package (auto-installed by script)

Model: gemini-3-pro-image (default; Nano Banana Pro, GA). The older gemini-3-pro-image-preview id is deprecated — override with --model only if needed.

Gemini Web Skill (Option 2)

Requires:

  • baoyu-danger-gemini-web skill installed at .claude/skills/baoyu-danger-gemini-web
  • Google Chrome browser with logged-in Google account
  • User consent for reverse-engineered API disclaimer

PDF Figure Extraction

Requires (install via cd ${SKILL_DIR}/scripts && npm install):

  • Primary: pdfjs-dist npm package (use legacy build for Node.js)
  • canvas npm package for extract-figure.ts / apply-template.ts
  • Fallback: pymupdf Python package (more reliable for complex PDFs)

References

File Content
references/analysis-framework.md Deep content analysis for presentations
references/outline-template.md Outline structure and STYLE_INSTRUCTIONS format
references/modification-guide.md Edit, add, delete slide workflows
references/content-rules.md Content and style guidelines
references/base-prompt.md Base prompt for image generation
references/figure-container-template.md Visual specs for extracted figure containers
references/styles/<style>.md Full style specifications

Notes

Image Generation

  • Nano Banana Pro API: Recommended. Stable, reliable, requires API key
  • Gemini Web: No API key needed, but uses reverse-engineered API with account risk
  • Generation time: 10-30 seconds per slide
  • Auto-retry once on generation failure
  • Maintain style consistency via session ID

Content Guidelines

  • Use stylized alternatives for sensitive public figures
  • Both methods use the same underlying Gemini model for image generation

Extension Support

Custom styles and configurations via EXTEND.md.

Check paths (priority order):

  1. .paper-skills/paper-slide-deck/EXTEND.md (project)
  2. ~/.paper-skills/paper-slide-deck/EXTEND.md (user)

If found, load before Step 1. Extension content overrides defaults.

Version History

  • 00db2ab Current 2026-07-25 05:36

Same Skill Collection

lit-search/SKILL.md
medical-imaging-review/SKILL.md
research-proposal/SKILL.md
scholar-slides/SKILL.md

Metadata

Files
0
Version
45ce78d
Hash
cdcf2c8e
Indexed
2026-07-25 05:36

Главная - Вики-сайт
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-21 04:43
浙ICP备14020137号-1 $Гость$