skills.rest
zhongjjm-design
zhongjjm-designCOMMUNITY
Explore all skills by this author →
GitHub

guizang-ppt-skill

Generate single-file HTML swipe presentations with WebGL backgrounds and predefined theme presets.

Updated Aug 27, 2026
Search Tags:#html#presentation#slides#webgl#deck#magazine#swiss
One-click install
npx skills add https://github.com/zhongjjm-design/claude-skills --skill guizang-ppt-skill-zhongjjm-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: guizang-ppt-skill
Source: https://github.com/zhongjjm-design/claude-skills/tree/main/guizang-ppt-skill
Command: npx skills add https://github.com/zhongjjm-design/claude-skills --skill guizang-ppt-skill-zhongjjm-design

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Professionals and creators often struggle to produce visually polished, browser-based presentations without advanced web development skills or expensive design software. This Skill transforms that process by generating complete, single-file HTML decks with cinematic WebGL backgrounds, professional typography, and two distinct design systems—ready to present instantly.

Core Features & Use Cases

  • Magazine × E-ink Style: Creates warm, editorial-feel decks with serif typography, fluid WebGL backgrounds, and image grids—perfect for humanities talks, industry observations, and brand storytelling.
  • Swiss International Style: Produces rigorous grid-based layouts with sans-serif typography, single accent colors, and 22 locked layout modes (S01-S22) for data-driven tech presentations, product launches, and annual reports.
  • Production-Ready Workflow: Includes built-in screenshot framing, theme-matched background assets, image slot validation, and a static checker script to ensure every deck meets professional standards before delivery.

Quick Start

Use the guizang-ppt-skill to create a horizontal web presentation about your topic in the magazine style with WebGL backgrounds and professional templates.

Frequently Asked Questions about guizang-ppt-skill

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

FAQPage Schema
How do I create a single-file HTML presentation with WebGL backgrounds?▼

To create a single-file HTML presentation with WebGL backgrounds, you need a generator that bundles cinematic WebGL animations and professional typography into one portable HTML file, ready for instant browser-based presenting.

What is the Swiss international style for slide decks?▼

The Swiss international style for slide decks is a rigorous grid-based layout system using sans-serif typography and a single accent color, ideal for data-driven tech presentations, product launches, and annual reports.

Can I generate magazine-style horizontal web slides without web development skills?▼

You can generate magazine-style horizontal web slides without web development skills by using a tool that transforms your content into complete HTML decks with editorial serif typography and fluid image grids automatically.

Does this HTML presentation generator support locked layout modes?▼

This HTML presentation generator supports 22 locked layout modes (S01-S22) within the Swiss international style, ensuring strict grid alignment and structural consistency for professional data-driven slides.

What is the best way to validate deck structure before presenting?▼

The best way to validate deck structure before presenting is to run a static checker script that verifies image slot binding and confirms the deck meets professional layout standards against locked mode constraints.

Are there limitations when binding images to predefined layout slots in web presentations?▼

When binding images to predefined layout slots in web presentations, limitations include strict slot registration requirements and locked mode constraints that must be satisfied to pass the built-in static validation checker.

Related Skills

Explore More Design & Creative Skills→
Maccio-huangMaccio-huang

html-ppt-pitch-deck

Generate a 10-slide HTML investor pitch deck with a predefined layout and theme.

Community
Intermediate
lidge-junlidge-jun
5

HTML to PPTX Skill

Convert HTML content into native PowerPoint slides with batch processing.

Community
Advanced
dbmccodbmcco
20

keynote-slides

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

Community
Advanced
zaiyemeiyou404zaiyemeiyou404

guizang-ppt-skill

Generate horizontal swipe web PPTs with WebGL backgrounds and custom styles.

Community
Advanced