magazine-web-ppt

Name: magazine-web-ppt
Availability: InStock
Author: yopitek

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

Updated May 5, 2025

Search Tags:#html #layout #presentation #theme #webgl #deck #magazine

Ready to run

npx skills add https://github.com/yopitek/Obsidian --skill magazine-web-ppt-yopitek

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: magazine-web-ppt
Source: https://github.com/yopitek/Obsidian/tree/main/HQ/10_resources/03_Design_Presentation/guizang-ppt-skill
Command: npx skills add https://github.com/yopitek/Obsidian --skill magazine-web-ppt-yopitek

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill generates a self-contained, single-file HTML deck that delivers an editorial magazine–style slide sequence with a WebGL background, enabling offline, shareable web presentations.

Core Features & Use Cases

A self-contained, single HTML file: no build step, no server required.
10 page layouts + 5 theme presets, with serif headlines, sans body, and monospaced metadata for a magazine aesthetic.
WebGL background, horizontal swipe navigation, and keyboard/mouse/touch interactions for modern presentations.
Designed for offline talks, AI product launches, and personal brand storytelling, with templates that can be customized quickly.

Quick Start

Say "Make me a magazine-style deck" to generate a magazine-web-ppt deck.

Frequently Asked Questions about magazine-web-ppt

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

FAQPage Schema

How do I create a single-file HTML presentation with a magazine layout?▼

To create a single-file HTML presentation, this Skill generates a self-contained deck with editorial magazine-style slides and a WebGL background. It requires no build step or server, supporting 10 layouts and 5 theme presets for offline talks.

Can I use HTML slides for offline talks without running a local server?▼

Yes, HTML slides generated by this Skill are entirely self-contained in a single file, allowing offline presentations without a server. The deck includes a local preview and supports keyboard, mouse, and touch interactions for horizontal swipe navigation.

What is the best way to build a web deck with a WebGL background?▼

The best way to build a web deck with a WebGL background is using a deterministic workflow that enforces class names and preflight checks. This Skill outputs a single HTML file with serif headlines, sans body, and monospaced metadata for a magazine aesthetic.

Does this HTML presentation generator support touch and swipe navigation?▼

Yes, this HTML presentation generator supports horizontal swipe navigation alongside keyboard and mouse interactions. The workflow is designed for modern presentations, including AI product launches and personal brand storytelling, ensuring full touch compatibility.

How do I customize theme presets and page layouts for an editorial slide deck?▼

You can customize theme presets and page layouts by leveraging the 10 available layouts and 5 theme presets embedded in the generated HTML. The Skill enforces a deterministic structure with YAML frontmatter, allowing quick template adjustments for your editorial slide deck.

Do I need a build step or external assets to share a magazine-style web presentation?▼

No build step or server is required to share a magazine-style web presentation. The Skill compiles all layouts, theme presets, and the WebGL background into one HTML file, though it utilizes local asset and reference directories during the generation workflow.