guizang-ppt-skill

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

3|Updated Jun 27, 2026
One-click install
npx skills add https://github.com/XinAloha/skills --skill guizang-ppt-skill-xinaloha
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: guizang-ppt-skill
Source: https://github.com/XinAloha/skills/tree/main/content/guizang-ppt
Command: npx skills add https://github.com/XinAloha/skills --skill guizang-ppt-skill-xinaloha

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the friction of creating high-quality, agent-native presentations by generating single-file HTML decks that are easy for AI to edit, validate, and present without external dependencies.

Core Features & Use Cases

  • Dual Visual Systems: Choose between an editorial magazine style for narrative storytelling or a Swiss International style for data-driven, factual analysis.
  • Agent-Native Workflow: The Skill guides the agent through a structured process including style selection, content rhythm planning, and automated layout validation.
  • Use Case: Quickly transform a long-form research article into a 10-slide Swiss-style presentation with consistent typography, grid-based layouts, and generated visual assets.

Quick Start

Install the guizang-ppt-skill and then ask your agent to create a Swiss-style deck from your provided article.

Frequently Asked Questions about guizang-ppt-skill

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

FAQPage Schema
How do I generate single-file HTML presentations from an article?

To generate single-file HTML presentations, you provide an article to your agent and this Skill outputs a self-contained horizontal-swipe HTML deck using structured CSS templates. It guides the agent through style selection, content rhythm planning, and automated layout validation.

What is the difference between editorial magazine and Swiss International slide styles?

Editorial magazine style is designed for narrative storytelling, while Swiss International style uses grid-based layouts for data-driven, factual analysis. The Skill provides structured CSS templates for both professional typographic design systems.

Can I use AI coding agents to validate slide layouts and generate visual assets?

Yes, the Skill integrates with coding agents to provide automated layout validation, image slotting, and automated visual asset generation. This agent-native workflow ensures the single-file HTML deck maintains consistent typography and grid alignment.

Does this HTML presentation generator require external dependencies or libraries?

No external dependencies are required. The Skill generates a single-file HTML presentation that includes structured CSS templates and WebGL backgrounds, making it easy for AI agents to edit, validate, and present without external libraries.

How to add WebGL backgrounds to HTML slide decks?

WebGL backgrounds are automatically integrated into the generated HTML slide decks. The Skill uses structured CSS templates alongside WebGL to create professional, horizontal-swipe presentations without requiring manual WebGL coding.