Presentation Design

Create visually stunning slide decks using HTML and CSS.

Prerequisites

• Read .agents/design-context.md (see design-context) for brand colors, heading/body fonts, and style archetype; map them to --slide-* variables (Step 9). Use the shared --brand-* / --gray-* scale from color-palette.
• Identify the audience, purpose, and length of the presentation, and whether it will be projected, screen-shared, or sent as a PDF.
• For photographic backgrounds or illustrations, generate them with the image-generation skill (--aspect-ratio 16:9) and keep text on a solid or overlaid area, not directly on busy image regions.

Step 1: Slide Layout Templates

Title Slide