gitmyhub

guizang-ppt-skill

HTML ★ 18k updated 19d ago

AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.

A Claude Code plugin that generates complete slide decks as single self-contained HTML files from a chat description, with two professional visual styles, WebGL animations, and no build step required.

HTMLCSSJavaScriptWebGLsetup: easycomplexity 1/5

Guizang PPT Skill is a plugin for the Claude Code AI tool that generates polished slide decks as single HTML files. You describe what you want in a chat message, and the AI produces a complete presentation you can open directly in a browser, with no build step and no server required. Slides swipe horizontally and can be navigated by keyboard arrows, scroll wheel, or touch gestures.

Two distinct visual styles are available. Style A follows an editorial magazine aesthetic, inspired by print publications, and suits personal talks, opinion pieces, and narrative-driven presentations. It offers 10 page layouts and 5 curated color themes. Style B is based on Swiss International Typographic Style, which emphasizes strict grids, sharp angles, single saturated accent colors, and high-contrast type. It has 22 fixed layout templates and 4 color schemes. You pick one of the preset themes rather than specifying custom colors, which is intentional: the tool constrains choices to protect visual consistency.

Hero slides can include animated WebGL backgrounds. A low-performance mode is available by pressing the B key, which switches to static backgrounds for devices that struggle with the animations.

The tool can also produce platform-specific cover images using the same visual rules as the deck, in aspect ratios suited for social media formats like 21:9 wide banners, 1:1 square sharing cards, and 3:4 vertical covers.

The repository includes template HTML files, layout references, theme guides, a quality checklist, and a validation script for Swiss-style decks. The README is written in Chinese. Installation can be done with a one-line command or by cloning the repository into the Claude Code skills directory.

Where it fits