magazine-web-ppt

Generate single-file HTML horizontal-swipe slide decks with WebGL e-ink backgrounds.

1|Updated Jul 9, 2026
One-click install
npx skills add https://github.com/PiercingXX/xx-stack --skill magazine-web-ppt-piercingxx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: magazine-web-ppt
Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/runtime/skills/design/guizang-ppt
Command: npx skills add https://github.com/PiercingXX/xx-stack --skill magazine-web-ppt-piercingxx

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It helps you quickly create a high-taste, single-file horizontal-swipe “web magazine” slide deck (with WebGL e-ink style backgrounds), without building a website or wrestling with layout tools.

Core Features & Use Cases

  • Single-file horizontal swipe deck: produces a standalone HTML file you can open directly in a browser.
  • Editorial magazine + e-ink aesthetic: uses serif headlines, sans-serif body, mono metadata, and restrained WebGL fluid/dispersion effects.
  • Opinionated templates for structure: supports 10 page layouts plus 5 curated theme presets to keep the look consistent.
  • Quality guardrails: includes a checklist and pre-flight rules to prevent common rendering/style breakages.

Quick Start

Ask the skill: “帮我做一份杂志风的 PPT —— 关于《主题》、25 分钟分享会、受众是(谁)、提供我有哪些图片(或先用占位),并让我先选 Monocle/WIRED/Kinfolk/Domus/Lab 方向。”

Frequently Asked Questions about magazine-web-ppt

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

FAQPage Schema
How do I generate a single-file HTML slide deck for a presentation?

To generate a single-file HTML slide deck, you select a theme direction, copy the provided HTML template, fill predefined layouts with validated class names, and run a self-check before previewing the browser-openable file.

What is an editorial magazine style presentation design?

Editorial magazine presentation design uses serif headlines, sans-serif body text, mono metadata, and restrained WebGL fluid or dispersion effects to create a high-taste visual aesthetic for static slide decks.

Can I create WebGL backgrounds in HTML slides without building a full website?

You can create WebGL backgrounds in HTML slides without building a website by copying the standalone template, which includes pre-configured e-ink style fluid effects that render directly in any browser.

How do I keep consistent slide layouts and themes across a web-based PPT?

You keep consistent slide layouts and themes by using the 10 predefined page layouts and 5 curated theme presets, filling them with validated class names to prevent rendering and style breakages.

Does this single-file deck approach require external dependencies or servers?

This single-file deck approach requires no external dependencies or servers, producing a standalone HTML file you can open directly in any browser for sharing and presentations.

What are the limitations of using static HTML files for presentations?

Limitations of using static HTML files for presentations include being restricted to predefined template layouts, requiring manual content filling, and needing a self-check against pre-flight rules to avoid style breakages before previewing.