guizang-ppt-skill

Generates single-file HTML horizontal-swipe presentation decks with editorial or Swiss-style layouts.

1|Updated Jul 13, 2026
One-click install
npx skills add https://github.com/HalseyYang/Skills-HY --skill guizang-ppt-skill-halseyyang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: guizang-ppt-skill
Source: https://github.com/HalseyYang/Skills-HY/tree/main/guizang-ppt-skill
Command: npx skills add https://github.com/HalseyYang/Skills-HY --skill guizang-ppt-skill-halseyyang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve? Creating visually polished presentation decks is slow and error-prone for AI agents, which often produce broken layouts, inconsistent typography, and mismatched images. This Skill provides a constrained, template-driven workflow that turns articles, Markdown, or outlines into ready-to-present single-file HTML decks with validated layouts. ## Core Features & Use Cases - Two locked visual systems: Style A (editorial magazine × electronic ink, serif headlines, WebGL backgrounds) and Style B (Swiss International Typographic Style, 22 registered layouts, single accent color, grid-locked). - Full deck workflow: 7-question requirement clarification, theme selection from curated presets (no custom hex), layout skeletons, image slot management, and a P0-P3 quality checklist. - Swiss layout validator: scripts/validate-swiss-deck.mjs statically checks registered layouts, image slots, SVG text traps, and title alignment. - Image and cover generation: optional GPT-Image/GPT-M flows for photos, infographics, screenshot reframing, and social covers (21:9 WeChat, 1:1 share cards, 3:4 Xiaohongshu). - Use Case: Paste a long article and ask for a 7-slide Swiss-style deck with 2-3 generated visuals; the agent picks layouts S01-S22, inserts images into data-image-slot regions, runs the validator, and outputs one openable index.html. ## Quick Start Ask your agent to create a Swiss-style deck from your article with about 7 slides and 2-3 generated visuals matched to the template image slots.

Frequently Asked Questions about guizang-ppt-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an HTML presentation deck from an article?

Install the skill into ~/.claude/skills/, then ask your agent to create a deck from your article, specifying style (editorial magazine or Swiss), slide count, and image needs. The agent copies the template, fills layout skeletons, and outputs one openable index.html file.

What is the difference between Style A and Style B decks?

Style A is an editorial magazine style with serif headlines, WebGL fluid backgrounds, and 10 flexible layouts for narrative talks. Style B is Swiss International Typographic Style with sans-serif type, one accent color, and 22 locked layouts for factual, data-driven content.

Can I use custom colors or fonts in the generated slides?

No. The skill only allows curated theme presets: 5 electronic-ink themes for Style A and 4 Swiss anchor-color themes for Style B. Custom hex values are rejected to protect visual consistency, and switching themes only requires replacing the :root CSS variables.

Does the HTML deck support exporting to PPTX?

The core output is a single HTML file presented directly in a browser, with keyboard, scroll, touch, and ESC overview navigation. PPTX conversion is possible as a separate workflow but is not the main delivery path.

Why does my Swiss-style deck fail validation?

The validator rejects unregistered layouts, missing data-layout attributes, SVG text, images outside data-image-slot regions, and centered body titles. Run node scripts/validate-swiss-deck.mjs on your index.html and fix each reported issue against layouts-swiss.md.

When should I not use HTML decks for presentations?

Avoid this approach for data-heavy tables, training courseware needing high information density, and decks requiring multi-user collaborative editing, since the output is a static single HTML file.