skills.rest
pingqLIN
pingqLINCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

guizang-ppt-skill

Generate a single-file HTML horizontal-slide deck with magazine or Swiss styles.

Updated Mar 24, 2026
Search Tags:#ppt#motion#deck#single-file-html#magazine#swiss-style
One-click install
npx skills add https://github.com/pingqLIN/UniText --skill guizang-ppt-skill-pingqlin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: guizang-ppt-skill
Source: https://github.com/pingqLIN/UniText/tree/main/runtime/skills/guizang-ppt-skill
Command: npx skills add https://github.com/pingqLIN/UniText --skill guizang-ppt-skill-pingqlin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Generates a self-contained, single-file HTML horizontal-slide deck (PPT) with WebGL background, chapter covers, data big numbers, and image grids. It supports two distinct visual styles: Style A (Magazine × E-Ink) and Style B (Swiss Style). When users need web-based, presentation-ready slides that are easy to share and reuse, this Skill provides an end-to-end workflow and a canonical resource model.

Core Features & Use Cases

  • Two visual styles: Style A editorial magazine with serif typography and fluid background, and Style B Swiss Style with grid-based layouts and a single accent color.
  • Single HTML deck: no build steps, fully portable, open directly in a browser.
  • Asset-driven workflow: templates, image slots, and motion-based transitions, with automatic validation against the Swiss Layout Lock.
  • Use cases include keynote talks, product launches, technical demos, and internal briefings requiring a consistent design language.

Quick Start

Say "Make me a magazine-style deck" or "Swiss Style deck" to generate a standalone HTML PPT using the provided templates.

Frequently Asked Questions about guizang-ppt-skill

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

FAQPage Schema
How do I create a single-file HTML presentation deck?▼

To create a single-file HTML presentation deck, you can generate a self-contained horizontal-slide PPT that opens directly in a browser without any build steps. This Skill automates the process by providing templates and coordinating assets into one portable file.

What is the difference between magazine-style and Swiss-style slide layouts?▼

Magazine-style slides feature editorial serif typography with fluid backgrounds, while Swiss-style slides enforce grid-based layouts using a single accent color. The Swiss Style also applies a strict Layout Lock validation to maintain consistent design language across all slides.

Can I add animations to a standalone HTML PPT?▼

Yes, you can add animations to a standalone HTML PPT by loading Motion One. The Skill includes motion-based layouts and transitions to animate slide elements within the self-contained single-file HTML structure.

Do I need a build environment to share a self-contained HTML slide deck?▼

No, you do not need a build environment to share a self-contained HTML slide deck. The output is a single HTML file that is fully portable and can be opened directly in any web browser, making it easy to distribute for keynote talks or product launches.

Does a browser-based PPT deck work offline on low-power environments?▼

Browser-based PPT decks can work offline on low-power environments by using ASCII backgrounds. This feature allows the presentation to render without relying on heavy WebGL rendering, ensuring compatibility when hardware resources are limited.

Related Skills

Explore More Design & Creative Skills→
openakitaopenakita
2.0k

jimliu/baoyu-skills@baoyu-slide-deck

Generate slide deck images from markdown content with visual styles.

Community
Advanced
mykcsmykcs
1

frontend-slides

Create viewport-fitting HTML slide presentations from PPT/PPTX decks.

Community
Advanced
arjitj2arjitj2

frontend-slides

Creates zero-dependency HTML presentations and converts PowerPoint files to browser-based slide decks.

Community
Advanced
MuhammadUAMuhammadUA

presentations

Create, validate, and export 1920x1080 HTML slide decks to PDF and PPTX.

Community
Intermediate