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.