skills.rest
op7418
op7418COMMUNITY
Explore all skills by this author →
𝕏@op7418GitHub

guizang-ppt-skill

Generates single-file HTML horizontal-swipe presentation decks with speaker notes and presenter mode.

26.9k|1.9k|Updated Apr 23, 2026
Search Tags:#presentation#deck generation#cover image#speaker notes#swiss style#html slides#presenter mode
One-click install
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill-op7418
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: guizang-ppt-skill
Source: https://github.com/op7418/guizang-ppt-skill
Command: npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill-op7418

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Creating visually consistent, presentation-ready slide decks from articles or outlines is slow and error-prone for AI agents, often producing broken layouts, mismatched images, and missing speaker support. This Skill provides a constrained, template-driven workflow that produces polished single-file HTML decks with validated layouts. ## Core Features & Use Cases - Two locked visual systems: Style A editorial magazine (serif, electronic-ink themes, 10 layouts) and Style B Swiss International (grid-locked, 22 registered layouts, 4 anchor-color themes), with no custom colors allowed. - Full presenter runtime: dual-window audience output, 16:9 current/next previews, structured speaker notes, timing and rehearsal tracking, auto-advance, laser pointer, and disconnect recovery. - Image and cover generation: optional GPT-Image workflows for photos, infographics, and screenshot redesigns matched to template slots, plus 21:9, 1:1, 3:4, and 16:9 social covers. - Use Case: Paste a long article into Claude Code or Codex and ask for a 7-slide Swiss-style deck with 2-3 generated visuals; the agent picks layouts, fills content, runs the Swiss and presenter validators, and delivers a browser-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 create an HTML presentation deck with Claude Code?▼

Install the skill into ~/.claude/skills/, then ask the agent to make a magazine-style or Swiss-style deck from your content. The agent clarifies style, audience, and duration, copies the matching template, fills locked layouts, and validates the output before you open index.html in a browser.

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

Style A is an editorial magazine style with serif headlines and five electronic-ink themes, suited for narrative talks. Style B is a Swiss International system with 22 locked layouts, one anchor color, and strict grid rules, suited for data, product, and analysis content.

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

No. The skill only allows curated theme presets: five electronic-ink themes for Style A and four Swiss anchor colors for Style B. Custom hex values are rejected because arbitrary colors break the visual system's consistency.

Does the presenter mode require internet or external services?▼

No. Dual-window audience sync, speaker notes, timing, rehearsal recording, auto-advance, and annotations all run locally in the browser. It does not provide live captions, phone remote control, or AI rehearsal scoring.

Can the HTML deck be exported to PPTX?▼

The core output is a single HTML file presented in a browser, screenshotted, or recorded. PPTX conversion is possible as a separate workflow using the HTML as a visual draft, but it is not the built-in path.

When should I not use HTML slide decks?▼

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

Related Skills

Explore More Design & Creative Skills→
babuallybabually
1

writing-fragments

Collect raw writing fragments via interview and append them to a markdown document.

Community
Intermediate
KeimoshiKeimoshi

html-ppt-xhs-pastel-card

Generates pastel macaron-styled HTML slide decks for lifestyle and slow-living content.

Community
Intermediate
co-r-eco-r-e

svg-diagram

Generate theme-matched SVG diagrams and insert them into MDX files.

Official
Advanced
ai-ecoverseai-ecoverse

presentations

Generate interactive Reveal.js slide decks from user briefs via a data contract.

Official
Advanced