qoder-ppt_skill

Overview

This skill converts a text script into a Qoder-branded HTML presentation that runs directly in the browser with keyboard navigation and auto-scaling. It applies the Qoder visual system—cover layout, content pages, grids, and data components—so output is consistent and ready to present. The generator enforces layout constraints and brand colors to keep slides clean and readable.

How this skill works

The generator parses a plain text manuscript into slide blocks and maps each block to predefined HTML templates (cover, points, cards, compare, flow, data, table, summary). It injects Qoder CSS classes, page numbers, and the required active class for the first slide. The produced HTML uses keyboard and click handlers for navigation and includes responsive scaling for browser presentation.

When to use it

• Turn scripts into branded HTML slides for live browser demos
• Create quick internal reports or product decks without a slide tool
• Prototype presentation layouts with consistent brand styling
• Publish shareable, lightweight presentations that work offline in a browser

Best practices

• Keep each slide focused—avoid dense pages and split long content into multiple slides
• Use the designated content types (points, cards, compare, flow, data, table, summary) for consistent layout
• Put h2 titles inside .content-center for all content slides
• Ensure the first slide has the active class and all slides reside inside slides-container
• Use <span class="highlight"> for keywords and stick to brand colors and typography

Example use cases

• Product launch deck: cover, feature cards, comparison, KPI data slides
• Team report: summary slide, data grid, and flow chart for process updates
• Investor quick-pitch: concise cover, points, and highlighted metrics
• Training session: step-by-step flow slides and comparison-of-methods pages