Skip to content
Graphify

guizang-ppt-skill

guizang-ppt-skill generates magazine-style HTML presentation decks from text prompts — horizontal-swipe navigation, editorial design sensibilities, WebGL animated hero backgrounds, and a single self-contained HTML file as output.

op7418/guizang-ppt-skill

Media

Installation

npx skills add op7418/guizang-ppt-skill

Summary

guizang-ppt-skill generates magazine-style HTML presentation decks from text prompts — horizontal-swipe navigation, editorial design sensibilities, WebGL animated hero backgrounds, and a single self-contained HTML file as output.

  • 10 page layout skeletons
  • 5 curated theme presets
  • WebGL fluid backgrounds
  • Horizontal swipe navigation
  • Single-file output

About guizang-ppt-skill

What Is guizang-ppt-skill?

guizang-ppt-skill generates magazine-style HTML presentation decks from text prompts. Unlike standard slide tools, it produces horizontal-swipe layouts with editorial design sensibilities: full-bleed imagery, WebGL fluid hero backgrounds, typographic hierarchy, and polished transitions — all in a single self-contained HTML file.

Themes & Layouts

10 page layout skeletons

Magazine, editorial, data-forward, narrative, technical, and more

5 curated theme presets

Each with distinct typographic and color systems

WebGL fluid backgrounds

Animated hero sections with GPU-rendered fluid dynamics

Horizontal swipe navigation

Magazine-style horizontal scrolling between sections

Single-file output

The complete deck ships as one standalone HTML file

How to Use guizang-ppt-skill?

Install the skill: npx skills add op7418/guizang-ppt-skill | Or download from GitHub https://github.com/op7418/guizang-ppt-skill

Then prompt Claude with your content: Create a magazine-style presentation for our brand story. Use the editorial dark theme. Include a hero section, three feature spreads, and a closing CTA.

Claude generates a presentation.html file ready to open in any browser.

FAQ about guizang-ppt-skill

Can I present without internet access?

Yes. The output is a fully self-contained HTML file. No CDN, no network required.

Can I edit the generated HTML?

Yes. The HTML is clean and structured. You can also ask Claude to make targeted changes via natural language follow-up.

Sources

Continue exploring

huashu-designhuashu-design is an HTML-native design skill that produces high-fidelity prototypes, slide decks, and animated outputs directly in a browser — applying 20 design philosophies and running a 5-dimension quality review on every output before delivery. alchaincyf/huashu-design ui-ux-pro-max-skillnextlevelbuilder/ui-ux-pro-max-skill is an open-source AI design-intelligence skill designed for Claude Code and other AI agents to generate professional, production-ready UI/UX code. It provides curated design patterns, color palettes, typography, and accessibility guidelines (WCAG) across 10+ technology stacks (e.g., React, Tailwind, SwiftUI). nextlevelbuilder/ui-ux-pro-max-skill skills-manageskills-manage is a desktop app that gives you one control panel for your AI coding skills, however many agent platforms you use. iamzhihuix/skills-manage superpowerssuperpowers is a structured agentic workflow skill that enforces test-driven development across a 7-phase process — from brainstorming through finalization — and deletes any code written before tests exist. obra/superpowers