guizang-ppt-skill

Generate magazine-style web presentations from Markdown using HTML, CSS, JavaScript, and WebGL.

41|11|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/cilangzzz/software-dev-ai-workflow --skill guizang-ppt-skill-cilangzzz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: guizang-ppt-skill
Source: https://github.com/cilangzzz/software-dev-ai-workflow/tree/main/0.0-%E9%80%9A%E7%94%A8skill/report-ppt-html/guizang-ppt-skill
Command: npx skills add https://github.com/cilangzzz/software-dev-ai-workflow --skill guizang-ppt-skill-cilangzzz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Claude Code, Codex, WebGL, HTML, CSS, JavaScript, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill enables users to create visually appealing and interactive magazine-style web slides, suitable for presentations, demos, and keynotes.

Core Features & Use Cases

  • Single-File HTML Decks: Generates single HTML files for horizontal swipe presentations.
  • Editorial Aesthetics: Emulates the look and feel of editorial magazines with customizable themes and layout options.
  • WebGL Backgrounds: Includes WebGL fluid and dispersion backgrounds for visual impact.
  • Customization Options: Offers 5 theme presets and 10 page layouts to suit various presentation needs.
  • Use Case: A developer can use this Skill to create a sleek and professional presentation deck for their project showcase, combining code snippets, data visualizations, and engaging design elements.

Quick Start

To generate a magazine-style presentation, install the 'guizang-ppt-skill' and run the following command: 'make-me-a-magazine-style-deck'

Frequently Asked Questions about guizang-ppt-skill

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

FAQPage Schema
How do I convert Markdown files into interactive web presentations?

To convert Markdown files into interactive web presentations, this Skill transforms your structured markdown templates into single-file HTML decks using HTML, CSS, JavaScript, and WebGL.

Can I create magazine-style web slides using HTML and WebGL?

Yes, you can create magazine-style web slides using HTML and WebGL. The Skill generates editorial-style layouts enhanced with WebGL fluid and dispersion backgrounds for visual impact.

What is the best way to generate a single-file HTML presentation deck?

The best way to generate a single-file HTML presentation deck is using this Skill's command 'make-me-a-magazine-deck', which packages your layout definitions into one portable HTML file.

Do I need Codex or Claude Code to generate magazine-style presentations?

You need Codex or Claude Code environments to run this Skill effectively. It is specifically designed for AI-powered coding-agent presentations and interactive slideshows within these platforms.

How many theme presets and page layouts are available for web slides?

There are 5 theme presets and 10 page layouts available for web slides. These customization options allow you to suit various presentation needs and emulate editorial magazine aesthetics.

Why use a structured markdown template for interactive presentations?

Using a structured markdown template for interactive presentations is required for layout definition. The Skill parses this structure to manage assets and generate the final visual presentation.