Install in Claude Code
Copygit clone --depth 1 https://github.com/nexu-io/open-design /tmp/blog && cp -r /tmp/blog/apps/landing-page/app/content/blog/guizang-ppt- ~/.claude/skills/blogThen start a new Claude Code session; the skill loads automatically.
Definition
guizang-ppt-skill.md
Most AI slide generators are optimized to fill a template fast. **guizang-ppt-skill** aims somewhere else entirely: it wants the deck to look *designed*. It's a coding-agent skill from the Chinese AI creator Guizang (op7418), it has 20.8k stars on GitHub, and it generates polished HTML slide decks in strong editorial styles — magazine layouts and Swiss-grid typography that read as a crafted artifact rather than a generic slideshow.
This is a short, honest guide to it: what the skill actually is, the editorial look it's built around, how to install and drive it, the caveats worth knowing before you commit (starting with the AGPL-3.0 license), how it stacks up against the other Claude PPT skills, and where an agent-native design workspace picks up when a one-off skill runs out of road.
## What guizang-ppt-skill is
A skill is a packaged set of instructions and assets that a coding agent (Claude Code, Codex, Cursor, and others) loads mid-task to do something specific. [guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill) teaches your agent to generate a presentation: you describe the deck in plain language, the agent applies the skill's layout system and design rules, and you get back an HTML slide deck. What sets it apart from the pack isn't the mechanism — it's the taste baked into those rules. The output leans on editorial composition and disciplined typography, so the slides look like a designer sat with them, not like a form got filled in.
## The editorial / Swiss-layout look
The whole point of guizang-ppt-skill is the aesthetic, so it's worth naming what that aesthetic is. Two directions run through the output:
- **Editorial / magazine layouts** — the composition of a print feature: confident hierarchy, generous whitespace, a strong cover, pull quotes, and text set to be read rather than skimmed. Slides feel like spreads, not bullet dumps.
- **Swiss-grid typography** — the International Typographic Style, done properly: a real grid, precise alignment, restrained type, and layout that carries meaning instead of decoration. It's the look that reads as "someone made a design decision here."
The practical upshot is that a guizang deck survives a second glance. A template-driven slide looks fine until you compare it to something composed; guizang is trying to be the composed one.
## How to use it
The flow is the same as any coding-agent skill:
1. **Install the skill** — clone or add guizang-ppt-skill to your agent's skills directory (the repo has the setup steps). Bring your own model key.
2. **Prompt the deck** — describe the topic, audience, tone, and rough slide count. The more specific the brief, the better the composition.
3. **Iterate** — ask for changes in plain language ("tighten the opening", "make slide 4 a data statement", "push the Swiss grid harder") and re-render until the deck lands.
## Honest notes
Two things to know before you build on it:
- **AGPL-3.0 license.** guizang-ppt-skill is licensed AGPL-3.0. That's fine for personal decks, internal use, and open projects — but the copyleft terms matter the moment you plan to embed the skill (or a derivative of it) in a closed-source product. Read the license against your use case rather than assuming MIT-style permissiveness.
- **HTML output.** The deck comes out as HTML. That's a strength if you want to present in a browser and keep full CSS control, and a constraint if your hard requirement is a natively editable `.pptx` that a non-developer can reopen in PowerPoint. Know which one you actually need.
## guizang vs other Claude PPT skills
There's no single winner — it depends on the look you want and the license you can live with.
| Skill | Output | License | Best for |
| --- | --- | --- | --- |
| guizang-ppt-skill | HTML (editorial) | AGPL-3.0 | Crafted, designed-looking decks |
| [frontend-slides](/blog/frontend-slides/) | HTML web slides | MIT | Web-native decks, full CSS control |
| [dashiAI-ppt-skill](/blog/dashiai-ppt-skill/) | Editable presentation | AGPL-3.0 | Output a non-developer can edit |
| OpenDesign | Prompt → editable deck via your agent | Apache-2.0 | Brand-consistent, owned, part of a larger workspace |
If the deck's *design* is the thing that matters most, guizang is the pick. If you want the most permissive license and web-native slides, frontend-slides. If the deliverable has to stay editable for someone who doesn't touch code, dashiAI. And if the deck needs to be brand-consistent and live alongside the rest of your design work, that's the workspace question below.
## Where OpenDesign fits
guizang-ppt-skill is a great skill for getting a beautifully designed deck straight from your terminal. But a skill is a script — it doesn't carry your brand across projects, keep the output editable in a real workspace, or coordinate a deck with the rest of your design work.
[OpenDesign](/) is the layer above the skill: an open-source (Apache-2.0), local-first, bring-your-own-key **Agent-Native Design Workspace** that sits outside the coding agent you already use. You describe a deck; the agent generates an editable one against a design system. And here's the concrete, honest connection — OpenDesign's ecosystem already ships [guizang-style editorial HTML deck templates](/plugins/templates/) in its plugin library, so the look guizang popularized is available inside a workspace that also owns your brand and your files.
Reach for the skill when you want a fast, designed deck from the command line. Reach for the workspace when that deck has to be brand-consistent, editable, and part of a larger whole — and if you're already making decks with a coding agent, see how [OpenDesign works with Claude Code](/agents/claude-code-design/).
## FAQ
**What is guizang-ppt-skill?** It's a coding-agent skill (20.8k stars on GitHub, by the creator Guizang / op7418) that turns a plain-language prompt into a polished HTML slide deck in editorial and Swiss-grid styles. You install it into your agent, describe tMore from this repository
od-contributeSkill
One-click contribution flow for OpenDesign (nexu-io/open-design) — even for non-coders. Pick one of four cards (ship a Skill or Design System you made with OD; translate docs; fix a typo / write a blog; report a bug), the agent validates and opens a PR (or issue) for you. Trigger words contribute to open design, ship my OD skill, ship my OD design system, translate OD docs, report an OD bug, od-contribute.
templatesSkill
audio-jingleSkill
|
blog-postSkill
|
clinical-case-reportSkill
|
contact-widgetSkill
Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.
critiqueSkill
|
dashboardSkill
|