magazine-web-ppt

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

84.7k|9.9k|Updated Apr 28, 2026
One-click install
npx skills add https://github.com/nexu-io/open-design --skill magazine-web-ppt-nexu-io
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: magazine-web-ppt
Source: https://github.com/nexu-io/open-design/tree/main/skills/guizang-ppt
Command: npx skills add https://github.com/nexu-io/open-design --skill magazine-web-ppt-nexu-io

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Generate a self-contained, single-file HTML magazine-style deck that opens directly in any browser.

Core Features & Use Cases

  • Structured 6-step workflow: direction selection, template copying, content filling, self-check, preview, and iteration.
  • Magazines aesthetics: e-ink style typography, serif headlines, sans body, and monospaced metadata with WebGL backdrop on hero slides.
  • Reusable templates: supports 5 theme presets, 10 layouts, and asset grids to craft presentations for talks, launches, or personal portfolios.
  • Validation & guidance: frontmatter-driven discovery, layout preflights, and references/core design guidelines to reduce design debt.
  • Export-ready: bundle everything into a single HTML file that requires no build step or server.

Quick Start

Prompt the AI to generate a complete magazine-style deck from a topic.

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 deck that opens directly in a browser?

Yes, a self-contained HTML deck can be exported for product launches. It enforces preset directions and layout constraints while using serif headlines, sans body text, and monospaced metadata to craft presentation-ready slides for launches or talks.

What is the best way to build a magazine-style slide deck without needing a web server?

The best way to build a magazine-style slide deck without a server is to bundle everything into a single HTML file. This approach uses a 10-layout grid, five theme presets, and e-ink style typography validated through a frontmatter-driven self-check.

Do I need any external dependencies or build tools to export a web presentation?

No, you do not need any coding knowledge to generate a magazine-style deck. You simply prompt the AI with a topic, and it executes a 6-step workflow of direction selection, template copying, content filling, self-check, preview, and iteration.

Can I use WebGL aesthetics and theme presets for an educational slide deck?

Yes, you can use WebGL aesthetics and five theme presets for an educational slide deck. The workflow applies a WebGL-backed hero aesthetic on hero slides and uses a 10-layout grid to structure educational content for browser-based viewing.