skills.rest
yopitek
yopitekCOMMUNITY
Explore all skills by this author →
GitHub

magazine-web-ppt

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
One-click install
npx skills add https://github.com/yopitek/Obsidian --skill magazine-web-ppt-yopitek
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
az9713az9713

simple-deck

Generate a single-file horizontal-swipe HTML deck from a seed template and paste-ready slide layouts.

Community
Intermediate
AshesOfTheUndeadAshesOfTheUndead

guizang-ppt

Generate single-file HTML presentations with WebGL backgrounds and horizontal swipe navigation.

Community
Intermediate
dbmccodbmcco
20

keynote-slides

Create single-file Keynote-style HTML slide decks with brand tokens and Gemini-generated visuals.

Community
Advanced
nexu-ionexu-io
84.7k

magazine-web-ppt

Generate a self-contained single-file HTML magazine deck.

Official
Advanced