magazine-web-ppt

Generate a single-file HTML magazine-style deck with WebGL backgrounds.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/junainfinity/osmDesign --skill magazine-web-ppt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: magazine-web-ppt
Source: https://github.com/junainfinity/osmDesign/tree/main/skills/guizang-ppt
Command: npx skills add https://github.com/junainfinity/osmDesign --skill magazine-web-ppt

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

这项技能使你能够用一个 HTML 文件生成完整的、带有专业排版与 WebGL 背景的杂志风横向翻页幻灯片,降低制作成本并便于离线展示。

Core Features & Use Cases

  • 生成单文件 HTML 幻灯片,包含 WebGL 背景、衬线标题、非衬线正文、等宽元数据、章节幕封、数据大字报、图片网格等模板。
  • 适用于演讲、发布会、私享会、产品介绍、品牌展示等场景,便于快速迭代与部署。
  • 按需求触发并可扩展为自定义主题与布局的工作流,支持离线分享与浏览。

Quick Start

使用中文/英文触发语句让代理启动杂志风 PPT 的生成流程,并按向导逐步配置方向、主题色、幻灯片数量与布局。

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 presentation with magazine-style typography?

You can generate a single-file HTML presentation with magazine-style typography by providing content and assets to trigger the deck generation workflow. It outputs a portable HTML file featuring serif titles, sans-serif body text, monospace metadata, and responsive grid layouts.

What's the best way to create offline presentation slides for a product launch?

Creating offline presentation slides for a product launch is best achieved by generating a portable single-file HTML deck. This approach supports WebGL backgrounds and magazine layouts, ensuring the presentation works without internet connectivity or external server dependencies.

Does generating a single-file HTML slide deck support WebGL backgrounds?

Generating a single-file HTML slide deck fully supports WebGL backgrounds. The output file integrates interactive WebGL background elements alongside magazine typography and responsive grid layouts for visually rich, offline-capable presentations.

How do I customize the theme and layout of a web-based slide presentation?

To customize the theme and layout of a web-based slide presentation, use specific trigger phrases to initialize the generation workflow. The agent then configures the direction, theme color, slide quantity, and magazine grid layout step by step.

Can I use a single HTML file for design talks and marketing demos without external dependencies?

You can use a single HTML file for design talks and marketing demos without external dependencies. The generated deck encapsulates all WebGL backgrounds, typography, and grid layouts within one portable file for easy offline sharing.

What slide templates are available for a magazine-style HTML deck?

The available slide templates for a magazine-style HTML deck include chapter covers, data billboards, and image grids. These templates utilize responsive grid layouts, serif titles, and monospace metadata to create professional presentations.