skills.rest
hujianbest
hujianbestCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

guizang-ppt-skill

Generate magazine-style HTML slides with WebGL backgrounds and editorial typography.

1|Updated Mar 22, 2026
Search Tags:#typography#design#template#layout#presentation#slides#webgl
One-click install
npx skills add https://github.com/hujianbest/garage-agent --skill guizang-ppt-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: guizang-ppt-skill
Source: https://github.com/hujianbest/garage-agent/tree/main/packs/writing/skills/magazine-web-ppt
Command: npx skills add https://github.com/hujianbest/garage-agent --skill guizang-ppt-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Magazine-like slide decks are hard to assemble and visually inconsistent; this Skill provides a ready-to-use, editor-friendly HTML deck template that enforces typography, layout, and theming rules.

Core Features & Use Cases

  • Single-file HTML slide templates with WebGL background and editorial layouts.
  • 10+ layout skeletons and typography rules for consistent magazine aesthetics.
  • Portable, self-contained decks suitable for offline presentations and quick publishing.

Quick Start

Copy the assets/template.html into your project, choose a theme from references/themes.md, and replace the SKILL.md content to generate your deck.

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 magazine-style HTML slides from a template?▼

You can create magazine-style HTML slides by copying a self-contained HTML template into your project, selecting a theme from the references, and replacing the SKILL.md content to generate a standalone deck with editorial typography.

What is the best way to build portable presentation slides for offline demos?▼

Building portable presentation slides is best achieved using a single-file HTML template with WebGL backgrounds, ensuring the deck remains self-contained and suitable for quick offline internal demos and product pitches.

Can I use WebGL backgrounds in my HTML presentation decks?▼

Yes, you can use WebGL backgrounds in your HTML presentation decks by loading the provided single-file HTML template, which integrates WebGL visual effects alongside editorial typography rules for consistent layouts.

Do I need a web server to present slides generated from an HTML template?▼

Presenting slides generated from an HTML template does not require a web server because the output is a portable, self-contained HTML file designed for offline presentations and quick publishing without external dependencies.

How does the magazine layout template enforce consistent typography?▼

The magazine layout template enforces consistent typography by providing over 10 layout skeletons and predefined editorial typography rules within the template structure, ensuring visual consistency across all generated slides.

Can I customize the theme of my HTML slide deck?▼

You can customize the theme of your HTML slide deck by choosing from available options in the references/themes.md file and applying your selected theme to the copied HTML template before generating the final presentation.

Related Skills

Explore More Design & Creative Skills→
softbreezeesoftbreezee

fastclaw-skill-guide

Standardize SKILL.md frontmatter and content for FastClaw skills.

Community
Basic
rp1-runrp1-run
38

markdown-preview

Convert Markdown, plain text, and Mermaid diagrams into self-contained HTML previews.

Official
Intermediate
abrahamgreysonabrahamgreyson

web-shader-extractor

Extract and replay WebGL, WebGPU, and Canvas effects from webpages.

Community
Advanced
haomingzhaomingz
12

geo-magazine-slides-cn

Generate a luxury geographic presentation deck in a 15-slide magazine structure with predefined layouts, typography, color rules, and placeholder image patterns, outputting a ready-to-export PPTX.

Community
Advanced