gitwtfhub

wtf is guizang-ppt-skill?

op7418/guizang-ppt-skill — explained in plain English

Analysis updated 2026-06-24

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

TL;DR

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.

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

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

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

REASON 2

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

REASON 3

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

What's in the stack?

HTMLCSSJavaScriptWebGL

How it stacks up

op7418/guizang-ppt-skilltandoorrecipes/recipesericchiang/pup
Stars8,3218,3258,418
LanguageHTMLHTMLHTML
Setup difficultyeasymoderateeasy
Complexity1/53/51/5
Audiencevibe codergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

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.

Wtf does this do

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.

Yoink these 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?

Frequently asked questions

wtf is guizang-ppt-skill?

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.

What language is guizang-ppt-skill written in?

Mainly HTML. The stack also includes HTML, CSS, JavaScript.

What license does guizang-ppt-skill use?

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

How hard is guizang-ppt-skill to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is guizang-ppt-skill for?

Mainly vibe coder.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.