op7418/guizang-ppt-skill

★ 8,321HTMLAudience · vibe coderComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((Guizang PPT))
    What it does
      AI slide generation
      Single HTML output
      No build step
    Visual Styles
      Editorial magazine
      Swiss typography
    Use Cases
      Personal talks
      Product demos
      Social media covers
    Features
      WebGL animations
      Touch navigation
      Theme presets

mindmap root((Guizang PPT)) What it does AI slide generation Single HTML output No build step Visual Styles Editorial magazine Swiss typography Use Cases Personal talks Product demos Social media covers Features WebGL animations Touch navigation Theme presets

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Describe your talk in a chat message and receive a complete presentation HTML file you can open in any browser instantly.

USE CASE 2

Create professional slides in a Swiss typographic style with strict grids and high-contrast type for product demos.

USE CASE 3

Generate social media cover images in multiple aspect ratios from the same visual design system as your slide deck.

Tech stack

HTMLCSSJavaScriptWebGL

Getting it running

Difficulty · easy Time to first run · 5min

Requires Claude Code installed, install with one command or by cloning the repo into the Claude Code skills directory.

No license information stated in the explanation, check the repository directly for terms.

In plain English

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.

Copy-paste prompts

Prompt 1

Using the Guizang PPT skill in Claude Code, create a 10-slide presentation about my SaaS product using Style B Swiss typography with the blue color theme.

Prompt 2

Generate a 6-slide deck for a personal talk using Style A editorial magazine layout with animated WebGL hero backgrounds.

Prompt 3

Use the Guizang PPT skill to make a product launch presentation with a hero slide, 4 content slides, and a Q&A closing slide.

Prompt 4

Create a 1:1 square sharing card and a 21:9 wide banner cover image for my presentation using the Guizang PPT skill in the same color theme as the deck.

Prompt 5

Press B during a Guizang presentation to switch to low-performance mode, how does that work and when should I use it?

Open on GitHub → Explain another repo

← op7418 on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.