AI Agent Hub
Back to skills
Professional Magazine-Style PPT Generator icon

Professional Magazine-Style PPT Generator

Office Efficiency Updated 2026.08.30

Paste the following prompt into your AI chat to install this skill:

Please follow https://skillhub.cn/install/skillhub.md to install @user_1ae2a166/canvasflow-ppt.

About this skill

Problem It Solves

When preparing speaking materials, the issue is often not a lack of content, but unstable layout, typography hierarchy, theme pacing, and navigation. Generic PPT templates can blur titles, body text, and metadata; static sharing documents often lack page flow and visual rhythm. This skill targets offline talks, internal industry briefings, AI product launches, and demo days. It turns a topic or outline into a presentation-ready HTML file rather than just stacking slides.

How It Works

CanvasFlow PPT outputs a single-file HTML horizontal deck. Core capabilities include:
- Canvas feel: uses a WebGL fluid background on hero pages while keeping normal pages restrained, so visuals do not overpower content.
- Flow: supports keyboard , mouse wheel, touch swipe, and bottom dot navigation for smoother transitions.
- Typography roles: serif titles, sans-serif body text, and monospace metadata create clear hierarchy.
- Icon standards: uses Lucide line icons instead of emoji to reduce style inconsistency.
- Theme presets: provides five themes—Ink Classic, Indigo Porcelain, Forest Ink, Kraft Paper, and Dune—to reduce bad color choices.

The key workflow is: read the class definitions in assets/template.html, clarify audience, duration, source materials, theme color, hard constraints, and output format; then copy the template, plan each page’s light / dark / hero light / hero dark rhythm, choose a layout from references/layouts.md, fill in content, and self-check against references/checklist.md. Its value is not the phrase “auto-generate PPT”; it is turning aesthetic constraints, pacing rules, and image-ratio rules into an executable process.

Boundaries

It fits narrative-driven personal talks, product launches, and demo presentations. It is not ideal for dense tables, complex chart overlays, high-density training courseware, or multi-user collaborative editing. PPTX generation is mentioned as an extension, but the default output remains a browser-ready HTML file.

Use Cases

  • Prepare a 15-minute AI product launch talk by turning an outline into a browser-ready paginated HTML deck.
  • Before an internal industry talk, structure draft notes by audience, duration, and theme into a paced HTML presentation.
  • For a private sharing session with a personal style, choose Kraft Paper or Dune theme and fill image grids and quote layouts.
  • Present a project on demo day with Lucide icons and serif headings instead of emoji or default PPT styling.

Best For

  • Indie developers: need to shape a product launch or demo-day story into a paced, audience-facing presentation.
  • AI product leads: need to present features and roadmaps to customers or investors without relying on generic PPT templates.
  • Designers: want to apply personal typography and layout rules to HTML decks while keeping pages consistent.
  • Technical speakers: preparing offline talks or private sessions and need quick browser-ready paginated materials.