magazine-web-ppt

Generates single-file HTML horizontal-swipe presentation decks with editorial magazine styling and WebGL backgrounds.

Updated May 20, 2026
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill magazine-web-ppt-keimoshi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: magazine-web-ppt
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/guizang-ppt
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill magazine-web-ppt-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Creating visually distinctive presentation decks for talks, keynotes, and product launches usually requires design tools or heavy slide software. This Skill produces a complete single-file HTML deck with an editorial magazine aesthetic that opens directly in any browser, with no build step or server required. ## Core Features & Use Cases - Structured 6-step workflow: direction selection among 5 magazine styles (Monocle, WIRED, Kinfolk, Domus, Lab), requirement clarification, template copying, content filling from 10 layout skeletons, checklist self-review, and browser preview. - Pre-built design system: three-tier typography (serif headlines, sans-serif body, monospace metadata), 5 curated theme presets, WebGL fluid backgrounds, Lucide icons, and horizontal swipe navigation with keyboard, wheel, touch, and dot controls. - Quality guardrails: a tiered P0-P3 checklist covering class-name pre-flight checks, theme rhythm planning, image cropping rules, and typography discipline. - Use Case: A speaker preparing a 25-minute talk asks for a magazine-style deck; the Skill guides direction selection, assembles 18 slides from layout skeletons, applies the Ink Classic theme, and outputs one index.html file ready to present. ## Quick Start Ask the AI to make a magazine-style horizontal swipe deck for your talk topic, audience, and duration, and let it walk you through picking one of the five editorial directions.

Frequently Asked Questions about magazine-web-ppt

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

FAQPage Schema
How do I create a magazine-style HTML presentation deck?

Use this Skill's 6-step workflow: pick one of 5 magazine directions (Monocle, WIRED, Kinfolk, Domus, Lab), answer clarification questions about audience and duration, copy the template.html seed file, fill slides from 10 layout skeletons, then self-check against the quality checklist. The output is a single HTML file that opens directly in a browser.

What layouts are available for HTML slide decks?

The Skill provides 10 paste-ready layout skeletons: hero cover, act divider, big numbers grid, quote plus image, image grid, pipeline, hero question, big quote, before/after comparison, and lead image with side text. Each is a complete section element defined in references/layouts.md.

Can I customize the theme colors of the generated deck?

Custom hex values are not allowed. You must pick one of 5 curated presets: Ink Classic, Indigo Porcelain, Forest Ink, Kraft Paper, or Dune. Switching themes only requires replacing the 6 CSS variables in the template's :root block.

Does the HTML deck require a server or build step?

No server or build step is needed. The generated deck is a single self-contained HTML file with CSS, WebGL shaders, and navigation JavaScript pre-wired. Open it directly in any modern browser; images load via relative paths from an images folder.

Why do headings lose their serif font in the generated slides?

This happens when layout skeleton classes like h-hero or h-xl are missing from the template's style block, causing browser fallback to default sans-serif. Always read template.html first and confirm every class used exists in its style definitions before writing slides.

When is this deck format not suitable?

It does not fit data-heavy table presentations, training courseware needing high information density, or decks requiring multi-user collaborative editing, since the output is a static HTML file. Standard slide software is better for those cases.