slide_deck

Generates self-contained horizontal-paging HTML slide decks from existing research artifacts.

5|1|Updated Jul 17, 2026
One-click install
npx skills add https://github.com/WissingChen/my_code_config --skill slide-deck-wissingchen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slide_deck
Source: https://github.com/WissingChen/my_code_config/tree/main/my_skills/slide_deck
Command: npx skills add https://github.com/WissingChen/my_code_config --skill slide-deck-wissingchen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve? Turning finished research results into a presentable slide deck usually means rebuilding content in PowerPoint by hand, losing traceability to source evidence. This Skill produces a single self-contained HTML file with keyboard navigation and print-to-PDF support, where every claim and figure is sourced from existing research artifacts. ## Core Features & Use Cases - Self-contained HTML decks: One .html file with inline CSS/JS, no CDN or frameworks, 16:9 slides with arrow-key paging, page numbers, and print-friendly layout that replaces PPT handouts. - Evidence-grounded content: Slides are assembled only from approved artifacts (REPORT.md, experiment reports, evidence figures), with per-slide source footnotes and no invented numbers; new figures are delegated to result_visualization. - Mandatory visual QA loop: Headless Chromium screenshots of every page to catch dead space, overflow, and clipped text before delivery. - Reusable style templates: A templates/ library stores named visual systems (e.g., NSFC figure style, Swiss International style) as STYLE.md plus a renderable template.html. - Use Case: After closing a research direction, ask for a deck covering motivation, contributions, methods, and results; the Skill proposes a slide outline, generates the HTML from your REPORT.md and evidence figures, screenshots each page, and iterates until clean. ## Quick Start Create a slide deck from my final REPORT.md covering motivation, methods, and experiment results, using the Swiss International style template.

Frequently Asked Questions about slide_deck

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an HTML slide deck instead of PowerPoint?▼

Provide your source artifacts (report, experiment results, figures) and confirm the proposed slide outline. The Skill generates one self-contained .html file with arrow-key navigation, page numbers, and inline CSS/JS, then verifies every page with headless Chromium screenshots.

Can an HTML slide deck be converted to a PDF handout?▼

Yes. The deck includes @media print rules that render each slide as one landscape page, so printing from the browser to PDF produces a PPT-style handout without extra tooling.

How do I reuse a saved slide style across decks?▼

Name the saved style when requesting the deck. The Skill reads that template's STYLE.md for its design tokens and layout patterns, applies them to your content, and never rewrites the style from memory; new styles can be saved from QA-passed slides.

Does the slide deck skill create new charts or statistics?▼

No. It only re-encodes already approved content into slides. New figures are delegated to the result_visualization skill and statistical claims to result_analysis, and every slide with numbers carries a source footnote.

Why do HTML slides have overflow or clipped text issues?▼

Overflow usually appears at block seams in large decks, in wide tables, code blocks, or after global font-size changes. The mandatory headless Chromium screenshot loop catches these per page, and suspicious screenshots are retaken individually before delivery.

When should I use a scrolling HTML report instead of a slide deck?▼

Use a scrolling report when the audience reads asynchronously and needs continuous narrative depth; that belongs to the write_md skill. Use slide_deck only for horizontal presentation pages with one assertion per slide.