OG

op7418/guizang-ppt-skill

Developer tools

This page was translated automatically. Technical details may differ from the original. View the original

28.9K stars Quality 72 Trend 86AGPL-3.0

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.

Overview

A web PPT skill adapted to Claude Code / Codex and other agent environments, used for generating **, PPT images, and multi-platform covers. - 。 For example, Monocle sticks code and is suitable for storytelling, viewpoints, sharing, and personal style expression. - 。 Grid supremacy, single high-saturation anchor color, right angles, hairline lines, and extreme font size comparison, suitable for factual, product, analysis, and methodological expression. Developed by Guicang through offline sharing such as "One-Man Company: An AI-Folded Organization" and "A New Way of Work," every pitfall encountered is written into the checklist.md. Sponsorship and support information can be found in SPONSORS.md. The ongoing iteration of the Guizang PPT Skill has received support from Gold Sponsorship and ZhenToken Grant. For more information, see SPONSORS.md. - 🖋 : Electronic magazine style for narrative, Swiss style for factual expression - 📐 : Keyboard ← → / Scroll wheel / Touchscreen swipe / Bottom dot / ESC index - 🧩 : Cover, Chapter, Data Big-Character Poster, Text and Images, Image Grid, Pipeline, Contrast, etc. - 🧱 : Cover, Statement, KPI Tower, Loop Diagram, Duo Compare, Image Hero, Closing Manifesto, etc. - : 🎨 Style A 5 sets of electronic ink themes, Style B 4 sets of Swiss high-saturation anchor color - 🖼 : Can generate documentary photos, infographics, flowcharts, system relationship diagrams, UI scenarios using GPT-Image 2.0 / GPT-M 2.0, and insert according to template scale - 📰 : Generate covers for Official Account 21:9, 1:1 Share Cards for Official Accounts, 3:4 for Xiaohongshu, and Channels for horizontal pages using the same set of visual rules - 📴 : Press B to disable WebGL/canvas animations, reverting dynamic content to static backgrounds - 📄 No need to build or server, open directly in the browser : Offline sharing / Industry internal talks / Private sessions / AI product launches / Demo days / Speeches with strong personal style : Large sections of table data / Training courseware (insufficient information density) / Requires collaborative editing by multiple people (static HTML) - :HTML / CSS is text; agents can read, edit, and verify directly. - :Can perform fine layout, spatial positioning, animation, interaction, and responsive covers. - :Single-file HTML can be opened, presented, sent, and screenshotted directly. - :Swiss style can be used to verify layout, image slots, title alignment, and dangerous SVGs.

Overview (machine translated)

🌏 English version: README.en.md

A web PPT skill adapted for Claude Code / Codex and other agent environments, used to generate single-file HTML horizontal page-flip PPTs, PPT illustrations, and multi-platform covers, with built-in full rehearsal and speaker modes.

Built-in two vision systems:

  • Style A: E-magazine × E-ink. Like Monocle with a code, suitable for narrative, viewpoint, sharing, and personal style expression.
  • Style B: Swiss Internationalism. Grid supremacy, single highly saturated anchor color, right angles, hairlines, extreme size contrast, suitable for factual, product, analysis, and methodological expression.

Developed by Guicang through offline sharing sessions such as “One-Person Company: An Organization Folded by AI” and “A New Way of Working,” every pitfall encountered is written into checklist.md. Sponsorship and support information can be found in SPONSORS.md.

Old Theme · Style A Electronic Magazine Style

New Theme · Style B Swiss Internationalism

Starting in 30 seconds

You can also send this message directly to an AI Agent with shell permissions:

If you have already installed it, update with this passage:

After installation, directly tell the Agent:

You can also try these requests:

Sponsorship and Support

The ongoing iteration of Guizang PPT Skill has received gold sponsorship from 360 Secure Lobster, Kimi Work, Cola Skill, and ZhenToken Grant. For more information, see SPONSORS.md.

Use the Archiving PPT Skill Elsewhere

Besides Claude Code / Codex, you can also use the Guizang PPT Skill on these platforms:

Channel Link
360 Safe Lobster claw.360.cn
Cola Skill colaskill.com/guizang-ppt-skill
Kimi work kimi.com (After installation, search for guizang ppt skill in the Skill Store)

Effect

  • 🖋 Dual-Vision System: The e-magazine style handles the narrative, while the Swiss style handles factual expression
  • 📐 Horizontal left-right page flip: Keyboard ← → / Scroll wheel / Touchscreen swipe / Bottom dot / ESC index
  • 🧩 Style A 10 layouts: cover, section, data poster, graphic text, image grid, pipeline, contrast, etc
  • 🧱 Style B 22 locked layouts: Cover, Statement, KPI Tower, Loop Diagram, Duo Compare, Image Hero, Closing Manifesto, and more

This page was translated automatically. Technical details may differ from the original.

Recommended Tools

Try a different keyword or remove a filter.

Install

npx skillfish add op7418/guizang-ppt-skill
New to MCP? Start with the mcpskill.org guide →