Guizang PPT Skill
An agent skill that builds a presentation as a single HTML file: two visual styles, social covers and a presenter mode
- 29,711 ★ on the repository
- Last commit
- AGPL-3.0
Extended access
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
- Works in
Manual install
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.
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Works with project files and creates HTML files
- Runs install commands and validator scripts, and reaches an external service for images
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.
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.
Discussion
No questions or reviews yet.
Related
SkillsThe ppt-forge skill builds business decks: facts and causal links first, then slides and an HTML deck with 42 layouts
Dashi PPT
Dashi PPT Skill
A skill that turns a document into a deck: a browser-editable HTML presentation with a per-page console and export to PPTX and PDF
Skill turns the agent into a deck producer: brief, storyboard, slide posters, QA and a PDF or editable PPTX.
A skill for talks: outlines a deck around the audience's train of thought, picks images and video, and checks finished slides before you present
A skill that builds a deck from a topic or article, or restyles an old one from a reference image, keeping the text and editable slides
A skill that turns an article, report or notes into a deck of full-slide images and assembles them into a pptx
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.
README badge
Original 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