Guizang PPT Skill
An agent skill that builds a presentation as a single HTML file: two visual styles, social covers and a presenter mode
Medium risk
We rate an entry medium when the tool runs code, makes network calls or reads project files. Check what exactly it does before installing.
Why this level
- Works with project files and creates HTML files
- Runs install commands and validator scripts, and reaches an external service for images
Install
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/guizang-ppt-skillDetects the agents on your machine, checks the risk and pins the version.
Other ways to install
Run in a terminal in the project folder
npx skills add op7418/guizang-ppt-skill --skill guizang-ppt-skill -a claude-code -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Run in a terminal in the project folder
npx skills add op7418/guizang-ppt-skill --skill guizang-ppt-skill -a cursor -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Run in a terminal in the project folder
npx skills add op7418/guizang-ppt-skill --skill guizang-ppt-skill -a github-copilot -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Run in a terminal in the project folder
npx skills add op7418/guizang-ppt-skill --skill guizang-ppt-skill -a codex -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Run in a terminal in the project folder
npx skills add op7418/guizang-ppt-skill --skill guizang-ppt-skill -a gemini-cli -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Run in a terminal in the project folder
npx skills add op7418/guizang-ppt-skill --skill guizang-ppt-skill -a cline -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Run in a terminal in the project folder
npx skills add op7418/guizang-ppt-skill --skill guizang-ppt-skill -a roo -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
A fork of Roo Code, same .roo folders.
Run in a terminal in the project folder
npx skills add op7418/guizang-ppt-skill --skill guizang-ppt-skill -a opencode -yThe skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.
Install the skill: npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill. Or clone the repository into ~/.claude/skills/guizang-ppt-skill. After that ask it to build a deck in style A or B.
Other ways from the author
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skillInstalls the skill into the agent's skills directory in one command.
This is third-party code. Review the repository files before installing.
What it does
The skill teaches the agent to assemble a presentation as a single HTML file with horizontal swipe navigation. Two visual styles are available: an editorial magazine look with warm typography and a fluid WebGL background, and a Swiss style with a grid, one accent color and sharp type contrast. Beyond slides it produces social covers in several aspect ratios, and inside Codex it can generate illustrations and place them at layout-safe ratios. The finished deck opens in a browser with no build and no server, and a presenter mode adds a second window, speaker notes, timing and rehearsal. Layout is checked by validators for Swiss decks and presenter mode that catch common layout mistakes.
Who it is for. For anyone preparing talks and presentations: speakers, product teams, marketers and designers working in an agent with file access.
Good fit when
- You want a presentation as a single HTML file rather than a PowerPoint
- You want a talk with strong delivery: editorial style or strict Swiss
- You need social covers and illustrations from the same material
- You need a presenter mode with notes, timing and rehearsal
Not a fit when
- Lots of tables and dense data where a regular PowerPoint fits better
- You need collaborative editing by several people, and this is static HTML
- The agent has no access to the filesystem and shell
Example request
Turn this article into a Swiss-style presentation of about 7 slides and add a couple of illustrationsLimitations
The skill assumes an agent with filesystem and shell access; building a deck in a plain chatbot without a sandbox is hard. Image generation is optional and runs through Codex with GPT-Image models, which requires access to that service. The instructions inside SKILL.md are largely in Chinese, though there is an English README and references. It is AGPL-3.0 licensed, which is worth noting for commercial use.
How to disable. Remove the skill folder from the agent's skills directory, for example ~/.claude/skills/guizang-ppt-skill.
Security check
- Works with project files and creates HTML files
- Runs install commands and validator scripts, and reaches an external service for images
README in short
The README describes a skill for Claude Code, Codex and similar agents that assembles a presentation into a single HTML file with horizontal swipe navigation. It offers two visual styles, ready templates and layout sets, themes, social covers and a presenter mode with a second window and rehearsal. Installation is a single npx skills command or a clone into the skills directory. It also lays out the workflow: pick a style, clarify the task via a checklist, fill the template, optionally generate images and self-check against validators. AGPL-3.0 licensed.
SKILL.md
--- name: guizang-ppt-skill description: 生成横向翻页网页 PPT（单 HTML 文件），含 WebGL 背景、演讲者视图、观众屏同步、讲稿备注、章节幕封、数据大字报、图片网格等模板。提供两种风格：① "电子杂志 × 电子墨水"（衬线 + 流体背景 + 暖色） ② "瑞士国际主义"（无衬线 + 网格点阵 + IKB/柠檬黄/柠檬绿/安全橙高亮）。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到"杂志风 PPT"、"瑞士风 PPT"、"Swiss Style"、"horizontal swipe deck"时使用。 --- # Magazine Web Ppt ## 这个 Skill 做什么 生成一份**单文件 HTML**的横向翻页 PPT，提供两种可选的视觉基调： ### 风格 A · 电子杂志 × 电子墨水（默认） - **WebGL 流体 / 等高线 / 色散背景**（hero 页可见） - **衬线标题（Noto Serif SC + Playfair Display）+ 非衬线正文 + 等宽元数据** - 适合：人文分享、行业观察、商业发布、需要"杂志感"的演讲 - 模板：`assets/template.html` · 主题色：`references/themes.md` · 布局：`references/layouts.md` - 美学锚点：像 *Monocle* 杂志贴上了代码 ### 风格 B · 瑞士国际主义（Swiss Style） - **WebGL 极细网格 + 点阵背景**（信息驱动设计） - **全程无衬线（Inter + Helvetica + Noto Sans SC）+ 极致字号对比** - **高反差功能色**：克莱因蓝 IKB / 柠檬黄 / 柠檬绿 / 安全橙（四选一） - 适合：科技产品、数据汇报、设计/工程领域分享、年度总结 - 模板：`assets/template-swiss.html` · 主题色：`references/themes-swiss.md` · 布局：`references/layouts-swiss.md` - 美学锚点：像 Massimo Vignelli + Helvetica Forever
FAQ
How do the two styles differ?
Style A is an editorial magazine with a warm palette and a fluid background, aimed at narrative and personal voice. Style B is Swiss typography with a grid and one bright color, aimed at facts, products and analysis.
Do illustrations need a separate service?
The slides are built without external services. Illustration generation is optional and runs through Codex with GPT-Image models.
Related
Microsoft's utility and MCP server that turn PDF, Word, Excel, PowerPoint, HTML and other files into Markdown for models
Anthropic skills
Skills
Anthropic's official skill examples: docx, pdf, pptx and xlsx documents, design, MCP builder and the Agent Skills spec
A skill that builds editable PPTX decks from PDF, DOCX, URLs and Markdown with native shapes, charts and animations
A skill that draws editorial diagrams as standalone HTML and SVG files: architecture, flowcharts, ER, funnels and about forty more types