slides-grab 1.2.2 → 1.2.3

package/README.md

@@ -84,6 +84,8 @@ slides-grab figma             # Export an experimental / unstable Figma Slides i
 slides-grab pdf               # Export PDF in capture mode (default)
 slides-grab pdf --resolution 2160p  # Higher-resolution image-backed PDF export
 slides-grab pdf --mode print  # Export searchable/selectable text PDF
+slides-grab png               # Render one PNG per slide (default 2160p)
+slides-grab png --slide-mode card-news  # Render square 1:1 PNGs for Instagram
 slides-grab image --prompt "..."    # Generate a local slide image with Nano Banana Pro
 slides-grab fetch-video --url <youtube-url> --slides-dir decks/my-deck  # Download a local video asset with yt-dlp
 slides-grab tldraw           # Render a .tldr diagram into a slide-sized local SVG asset
@@ -153,12 +155,26 @@ slides-grab edit       --slides-dir decks/my-deck
 slides-grab validate   --slides-dir decks/my-deck
 slides-grab pdf        --slides-dir decks/my-deck --output decks/my-deck.pdf
 slides-grab pdf        --slides-dir decks/my-deck --mode print --output decks/my-deck-searchable.pdf
+slides-grab png        --slides-dir decks/my-deck --output-dir decks/my-deck/out-png
 slides-grab convert    --slides-dir decks/my-deck --output decks/my-deck.pptx
 slides-grab figma      --slides-dir decks/my-deck --output decks/my-deck-figma.pptx
 ```
 
 > **Warning:** `slides-grab convert` and `slides-grab figma` are currently **experimental / unstable**. Expect best-effort output, layout shifts, and manual cleanup in PowerPoint or Figma.
 
+### Card News (Square 1:1) Workflow
+
+Instagram-style card news uses a 720pt × 720pt frame end-to-end. Pass `--mode card-news` (or `--slide-mode card-news` for `pdf`/`png`) at every stage and prefer `slides-grab png` as the primary export so each card becomes an Instagram-ready PNG.
+
+```bash
+slides-grab edit     --slides-dir decks/my-cards --mode card-news
+slides-grab validate --slides-dir decks/my-cards --mode card-news
+slides-grab png      --slides-dir decks/my-cards --slide-mode card-news --resolution 2160p
+# Optional extras (PPTX / Figma remain experimental / unstable)
+slides-grab pdf      --slides-dir decks/my-cards --slide-mode card-news --output decks/my-cards.pdf
+slides-grab convert  --slides-dir decks/my-cards --mode card-news --output decks/my-cards.pptx
+```
+
 ### Tldraw Diagram Assets
 
 Use `slides-grab tldraw` when you want a newly authored `tldraw` diagram to fit an exact slide region and remain export-friendly as a local SVG asset. The command supports current-format `.tldr` files and store-snapshot JSON; legacy pre-records `.tldr` files must be reopened and resaved in a current `tldraw` build first:

package/bin/ppt-agent.js

@@ -87,8 +87,9 @@ program
   .command('build-viewer')
   .description('Build viewer.html from slide HTML files')
   .option('--slides-dir <path>', 'Slide directory', 'slides')
+  .option('--mode <mode>', 'Slide mode: presentation or card-news', 'presentation')
   .action(async (options = {}) => {
-    const args = ['--slides-dir', options.slidesDir];
+    const args = ['--slides-dir', options.slidesDir, '--mode', options.mode];
     await runCommand('scripts/build-viewer.js', args);
   });
 
@@ -98,9 +99,10 @@ program
   .description('Run structured validation on slide HTML files (Playwright-based)')
   .option('--slides-dir <path>', 'Slide directory', 'slides')
   .option('--format <format>', 'Output format: concise, json, json-full', 'concise')
+  .option('--mode <mode>', 'Slide mode: presentation or card-news', 'presentation')
   .option('--slide <file>', 'Validate only the named slide file (repeatable)', collectRepeatedOption, [])
   .action(async (options = {}) => {
-    const args = ['--slides-dir', options.slidesDir, '--format', options.format];
+    const args = ['--slides-dir', options.slidesDir, '--format', options.format, '--mode', options.mode];
     for (const slide of options.slide || []) {
       args.push('--slide', String(slide));
     }
@@ -112,9 +114,10 @@ program
   .description('Convert slide HTML files to experimental / unstable PPTX')
   .option('--slides-dir <path>', 'Slide directory', 'slides')
   .option('--output <path>', 'Output PPTX file')
+  .option('--mode <mode>', 'Slide mode: presentation or card-news', 'presentation')
   .option('--resolution <preset>', 'Raster size preset: 720p, 1080p, 1440p, 2160p, or 4k (default: 2160p)')
   .action(async (options = {}) => {
-    const args = ['--slides-dir', options.slidesDir];
+    const args = ['--slides-dir', options.slidesDir, '--mode', options.mode];
     if (options.output) {
       args.push('--output', String(options.output));
     }
@@ -130,6 +133,7 @@ program
   .option('--slides-dir <path>', 'Slide directory', 'slides')
   .option('--output <path>', 'Output PDF file')
   .option('--mode <mode>', 'PDF export mode: capture for visual fidelity, print for searchable text', 'capture')
+  .option('--slide-mode <mode>', 'Slide mode: presentation or card-news', 'presentation')
   .option('--resolution <preset>', 'Capture raster size preset: 720p, 1080p, 1440p, 2160p, or 4k (default: 2160p in capture mode)')
   .action(async (options = {}) => {
     const args = ['--slides-dir', options.slidesDir];
@@ -139,12 +143,36 @@ program
     if (options.mode) {
       args.push('--mode', String(options.mode));
     }
+    if (options.slideMode) {
+      args.push('--slide-mode', String(options.slideMode));
+    }
     if (options.resolution) {
       args.push('--resolution', String(options.resolution));
     }
     await runCommand('scripts/html2pdf.js', args);
   });
 
+program
+  .command('png')
+  .description('Render slide HTML files to one PNG per slide')
+  .option('--slides-dir <path>', 'Slide directory', 'slides')
+  .option('--output-dir <path>', 'Output directory for PNG files (default: <slides-dir>/out-png)')
+  .option('--slide-mode <mode>', 'Slide mode: presentation or card-news', 'presentation')
+  .option('--resolution <preset>', 'Raster size preset: 720p, 1080p, 1440p, 2160p, or 4k', '2160p')
+  .action(async (options = {}) => {
+    const args = ['--slides-dir', options.slidesDir];
+    if (options.outputDir) {
+      args.push('--output-dir', String(options.outputDir));
+    }
+    if (options.slideMode) {
+      args.push('--slide-mode', String(options.slideMode));
+    }
+    if (options.resolution) {
+      args.push('--resolution', String(options.resolution));
+    }
+    await runCommand('scripts/html2png.js', args);
+  });
+
 program
   .command('fetch-video')
   .description('Download a video into <slides-dir>/assets via yt-dlp and print the ./assets reference')
@@ -165,9 +193,10 @@ program
   .helpOption('-h, --help', 'Show this help message')
   .option('--slides-dir <path>', 'Slide directory', 'slides')
   .option('--output <path>', 'Output PPTX file (default: <slides-dir>-figma.pptx)')
+  .option('--mode <mode>', 'Slide mode: presentation or card-news', 'presentation')
   .addHelpText('after', figmaHelpText)
   .action(async (options = {}) => {
-    const args = ['--slides-dir', options.slidesDir];
+    const args = ['--slides-dir', options.slidesDir, '--mode', options.mode];
     if (options.output) {
       args.push('--output', String(options.output));
     }
@@ -222,8 +251,9 @@ program
   .description('Start interactive slide editor with Codex image-based edit flow')
   .option('--port <number>', 'Server port')
   .option('--slides-dir <path>', 'Slide directory', 'slides')
+  .option('--mode <mode>', 'Slide mode: presentation or card-news', 'presentation')
   .action(async (options = {}) => {
-    const args = ['--slides-dir', options.slidesDir];
+    const args = ['--slides-dir', options.slidesDir, '--mode', options.mode];
     if (options.port) {
       args.push('--port', String(options.port));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slides-grab",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Agent-first presentation framework — plan, design, and visually edit HTML slides with Claude Code or Codex, then export to PDF or experimental/unstable PPTX/Figma formats",
   "license": "MIT",
   "author": "vkehfdl1",
@@ -53,18 +53,18 @@
     "build-viewer": "node scripts/build-viewer.js",
     "validate": "node scripts/validate-slides.js",
     "convert": "node convert.cjs",
-    "test": "node --test --test-concurrency=1 tests/design/design-styles.test.js tests/editor/editor-codex-edit.test.js tests/editor/editor-server.test.js tests/nano-banana/nano-banana.test.js tests/pdf/html2pdf.test.js tests/pdf/html2pdf.e2e.test.js tests/figma/figma-export.test.js tests/image-contract/image-contract.test.js tests/tldraw/render-tldraw.test.js tests/validation/validate-slides.test.js tests/skills/installable-skills.test.js tests/video/download-video.test.js",
+    "test": "node --test --test-concurrency=1 tests/design/design-styles.test.js tests/editor/editor-codex-edit.test.js tests/editor/editor-server.test.js tests/nano-banana/nano-banana.test.js tests/pdf/html2pdf.test.js tests/pdf/html2pdf.e2e.test.js tests/figma/figma-export.test.js tests/image-contract/image-contract.test.js tests/tldraw/render-tldraw.test.js tests/validation/validate-slides.test.js tests/viewer/build-viewer.test.js tests/skills/installable-skills.test.js tests/video/download-video.test.js",
     "test:e2e": "node --test tests/editor/editor-ui.e2e.test.js tests/editor/editor-concurrency.e2e.test.js"
   },
   "dependencies": {
     "commander": "^12.1.0",
     "express": "^5.2.1",
+    "lucide-react": "^1.7.0",
     "pdf-lib": "^1.17.1",
     "playwright": "^1.40.0",
     "pptxgenjs": "^3.12.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "react-icons": "^5.0.0",
     "sharp": "^0.33.0",
     "tldraw": "^4.4.1"
   },

package/scripts/build-viewer.js

@@ -9,11 +9,20 @@
  */
 
 import { readFileSync, writeFileSync, readdirSync } from 'fs';
-import { fileURLToPath } from 'url';
+import { createRequire } from 'node:module';
 import { join, resolve } from 'path';
+import { fileURLToPath } from 'url';
 
 import { buildSlideRuntimeHtml } from '../src/image-contract.js';
 
+const require = createRequire(import.meta.url);
+const {
+  DEFAULT_SLIDE_MODE,
+  getSlideModeChoices,
+  getSlideModeConfig,
+  normalizeSlideMode,
+} = require('../src/slide-mode.cjs');
+
 const DEFAULT_SLIDES_DIR = 'slides';
 
 function printUsage() {
@@ -23,6 +32,7 @@ function printUsage() {
       '',
       'Options:',
       `  --slides-dir <path>  Slide directory (default: ${DEFAULT_SLIDES_DIR})`,
+      `  --mode <mode>       Slide mode: ${getSlideModeChoices().join(', ')} (default: ${DEFAULT_SLIDE_MODE})`,
       '  -h, --help           Show this help message',
     ].join('\n'),
   );
@@ -40,6 +50,7 @@ function readOptionValue(args, index, optionName) {
 export function parseCliArgs(args) {
   const options = {
     slidesDir: DEFAULT_SLIDES_DIR,
+    mode: DEFAULT_SLIDE_MODE,
     help: false,
   };
 
@@ -62,6 +73,17 @@ export function parseCliArgs(args) {
       continue;
     }
 
+    if (arg === '--mode') {
+      options.mode = normalizeSlideMode(readOptionValue(args, i, '--mode'));
+      i += 1;
+      continue;
+    }
+
+    if (arg.startsWith('--mode=')) {
+      options.mode = normalizeSlideMode(arg.slice('--mode='.length));
+      continue;
+    }
+
     throw new Error(`Unknown option: ${arg}`);
   }
 
@@ -70,17 +92,28 @@ export function parseCliArgs(args) {
   }
 
   options.slidesDir = options.slidesDir.trim();
+  options.mode = normalizeSlideMode(options.mode);
   return options;
 }
 
+function toSlideOrder(fileName) {
+  const match = fileName.match(/\d+/);
+  return match ? Number.parseInt(match[0], 10) : Number.POSITIVE_INFINITY;
+}
+
+function sortSlideFiles(a, b) {
+  const orderA = toSlideOrder(a);
+  const orderB = toSlideOrder(b);
+  if (orderA !== orderB) {
+    return orderA - orderB;
+  }
+  return a.localeCompare(b);
+}
+
 export function findSlideFiles(slidesDir) {
   return readdirSync(slidesDir)
-    .filter((file) => /^slide-\d+\.html$/i.test(file))
-    .sort((a, b) => {
-      const numA = parseInt(a.match(/\d+/)[0], 10);
-      const numB = parseInt(b.match(/\d+/)[0], 10);
-      return numA - numB || a.localeCompare(b);
-    });
+    .filter((file) => /^slide-.*\.html$/i.test(file))
+    .sort(sortSlideFiles);
 }
 
 /**
@@ -106,7 +139,9 @@ export function loadSlides(slidesDir) {
   });
 }
 
-export function buildViewerHtml(slides) {
+export function buildViewerHtml(slides, { slideMode = DEFAULT_SLIDE_MODE } = {}) {
+  const { framePt } = getSlideModeConfig(slideMode);
+
   return `<!DOCTYPE html>
 <html lang="ko">
 <head>
@@ -131,7 +166,6 @@ export function buildViewerHtml(slides) {
       flex-direction: column;
     }
 
-    /* Navigation bar */
     .nav-bar {
       height: 48px;
       background: #1a1a1a;
@@ -182,7 +216,6 @@ export function buildViewerHtml(slides) {
       padding: 6px 10px !important;
     }
 
-    /* Slide viewport */
     .slide-viewport {
       flex: 1;
       display: flex;
@@ -193,18 +226,17 @@ export function buildViewerHtml(slides) {
     }
 
     .slide-scaler {
-      width: 720pt;
-      height: 405pt;
+      width: ${framePt.width}pt;
+      height: ${framePt.height}pt;
       position: relative;
       transform-origin: center center;
     }
 
-    /* Slide frames (iframes) */
     .slide-frame {
       position: absolute;
       inset: 0;
-      width: 720pt;
-      height: 405pt;
+      width: ${framePt.width}pt;
+      height: ${framePt.height}pt;
       border: none;
       overflow: hidden;
       opacity: 0;
@@ -220,7 +252,6 @@ export function buildViewerHtml(slides) {
 </head>
 <body>
   <div class="viewer-container">
-    <!-- Navigation -->
     <div class="nav-bar">
       <button id="btn-prev" title="Previous (\\u2190)">Prev</button>
       <span class="slide-counter" id="counter">1 / ${slides.length}</span>
@@ -228,7 +259,6 @@ export function buildViewerHtml(slides) {
       <button class="btn-fullscreen" id="btn-fs" title="Fullscreen (F)">&#x26F6;</button>
     </div>
 
-    <!-- Slide viewport -->
     <div class="slide-viewport" id="viewport">
       <div class="slide-scaler" id="scaler">
 ${slides.map((s, i) => `        <iframe class="slide-frame${i === 0 ? ' active' : ''}" data-slide="${i + 1}" srcdoc="${escapeForSrcdoc(s.html)}" sandbox="allow-same-origin"></iframe>`).join('\n')}
@@ -265,7 +295,6 @@ ${slides.map((s, i) => `        <iframe class="slide-frame${i === 0 ? ' active'
     btnNext.addEventListener('click', next);
     btnPrev.disabled = true;
 
-    // Keyboard navigation
     document.addEventListener('keydown', (e) => {
       if (e.key === 'ArrowRight' || e.key === ' ') { e.preventDefault(); next(); }
       else if (e.key === 'ArrowLeft') { e.preventDefault(); prev(); }
@@ -277,7 +306,6 @@ ${slides.map((s, i) => `        <iframe class="slide-frame${i === 0 ? ' active'
       }
     });
 
-    // Fullscreen
     function toggleFullscreen() {
       if (!document.fullscreenElement) {
         document.documentElement.requestFullscreen().catch(() => {});
@@ -287,7 +315,6 @@ ${slides.map((s, i) => `        <iframe class="slide-frame${i === 0 ? ' active'
     }
     document.getElementById('btn-fs').addEventListener('click', toggleFullscreen);
 
-    // Auto-scale to fit viewport (95% fit)
     function rescale() {
       const vw = viewport.clientWidth;
       const vh = viewport.clientHeight;
@@ -332,7 +359,7 @@ export function main(args = process.argv.slice(2)) {
   }
 
   console.log(`Found ${slides.length} slides`);
-  writeFileSync(output, buildViewerHtml(slides), 'utf-8');
+  writeFileSync(output, buildViewerHtml(slides, { slideMode: options.mode }), 'utf-8');
   console.log(`Built viewer: ${output}`);
   return { slidesDir, output, slides };
 }

package/scripts/editor-server.js

@@ -3,12 +3,12 @@
 import { readdir, readFile, writeFile, mkdtemp, rm, mkdir } from 'node:fs/promises';
 import { watch as fsWatch } from 'node:fs';
 import net from 'node:net';
+import { createRequire } from 'node:module';
 import { basename, dirname, join, resolve, relative, sep } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { tmpdir } from 'node:os';
 
 import {
-  SLIDE_SIZE,
   buildCodexEditPrompt,
   buildCodexExecArgs,
   buildClaudeExecArgs,
@@ -24,6 +24,14 @@ import {
 } from '../src/editor/edit-subprocess.js';
 import { buildSlideRuntimeHtml } from '../src/image-contract.js';
 
+const require = createRequire(import.meta.url);
+const {
+  DEFAULT_SLIDE_MODE,
+  getSlideModeChoices,
+  getSlideModeConfig,
+  normalizeSlideMode,
+} = require('../src/slide-mode.cjs');
+
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const PACKAGE_ROOT = process.env.PPT_AGENT_PACKAGE_ROOT || resolve(__dirname, '..');
@@ -58,6 +66,7 @@ function printUsage() {
   process.stdout.write(`Options:\n`);
   process.stdout.write(`  --port <number>           Server port (default: ${DEFAULT_PORT})\n`);
   process.stdout.write(`  --slides-dir <path>       Slide directory (default: ${DEFAULT_SLIDES_DIR})\n`);
+  process.stdout.write(`  --mode <mode>             Slide mode: ${getSlideModeChoices().join(', ')} (default: ${DEFAULT_SLIDE_MODE})\n`);
   process.stdout.write(`  Model is selected in editor UI dropdown.\n`);
   process.stdout.write(`  -h, --help                Show this help message\n`);
 }
@@ -66,6 +75,7 @@ function parseArgs(argv) {
   const opts = {
     port: DEFAULT_PORT,
     slidesDir: DEFAULT_SLIDES_DIR,
+    mode: DEFAULT_SLIDE_MODE,
     help: false,
   };
 
@@ -98,6 +108,17 @@ function parseArgs(argv) {
       continue;
     }
 
+    if (arg === '--mode') {
+      opts.mode = normalizeSlideMode(argv[i + 1]);
+      i += 1;
+      continue;
+    }
+
+    if (arg.startsWith('--mode=')) {
+      opts.mode = normalizeSlideMode(arg.slice('--mode='.length));
+      continue;
+    }
+
     if (arg === '--codex-model') {
       // Backward compatibility: ignore legacy CLI option.
       i += 1;
@@ -116,6 +137,7 @@ function parseArgs(argv) {
   }
 
   opts.slidesDir = opts.slidesDir.trim();
+  opts.mode = normalizeSlideMode(opts.mode);
 
   return opts;
 }
@@ -202,9 +224,9 @@ async function closeBrowser() {
   }
 }
 
-async function withScreenshotPage(callback) {
+async function withScreenshotPage(callback, screenshotSize) {
   const { browser } = await getScreenshotBrowser();
-  const { context, page } = await screenshotMod.createScreenshotPage(browser);
+  const { context, page } = await screenshotMod.createScreenshotPage(browser, screenshotSize);
   try {
     return await callback(page);
   } finally {
@@ -264,7 +286,7 @@ function sanitizeTargets(rawTargets) {
     .filter((target) => target.xpath);
 }
 
-function normalizeSelections(rawSelections) {
+function normalizeSelections(rawSelections, slideSize) {
   if (!Array.isArray(rawSelections) || rawSelections.length === 0) {
     throw new Error('At least one selection is required.');
   }
@@ -274,7 +296,7 @@ function normalizeSelections(rawSelections) {
       ? selection.bbox
       : selection;
 
-    const bbox = normalizeSelection(selectionSource, SLIDE_SIZE);
+    const bbox = normalizeSelection(selectionSource, slideSize);
     const targets = sanitizeTargets(selection?.targets);
 
     return { bbox, targets };
@@ -562,6 +584,18 @@ async function startServer(opts) {
     }
   });
 
+  app.get('/api/config', (_req, res) => {
+    const cfg = getSlideModeConfig(opts.mode);
+    res.json({
+      slideMode: opts.mode,
+      framePx: { width: cfg.framePx.width, height: cfg.framePx.height },
+      screenshotPx: { width: cfg.screenshotPx.width, height: cfg.screenshotPx.height },
+      sizeLabel: cfg.sizeLabel,
+      aspectRatioLabel: cfg.aspectRatioLabel,
+      coordinateSpaceLabel: cfg.coordinateSpaceLabel,
+    });
+  });
+
   app.get('/api/models', (_req, res) => {
     res.json({
       models: ALL_MODELS,
@@ -630,7 +664,7 @@ async function startServer(opts) {
 
     let normalizedSelections;
     try {
-      normalizedSelections = normalizeSelections(selections);
+      normalizedSelections = normalizeSelections(selections, getSlideModeConfig(opts.mode).framePx);
     } catch (error) {
       return res.status(400).json({ error: error.message });
     }
@@ -665,15 +699,15 @@ async function startServer(opts) {
           slide,
           screenshotPath,
           `http://localhost:${opts.port}/slides`,
-          { useHttp: true },
+          { useHttp: true, screenshotSize: getSlideModeConfig(opts.mode).screenshotPx },
         );
-      });
+      }, getSlideModeConfig(opts.mode).screenshotPx);
 
       const scaledBoxes = normalizedSelections.map((selection) =>
         scaleSelectionToScreenshot(
           selection.bbox,
-          SLIDE_SIZE,
-          screenshotMod.SCREENSHOT_SIZE,
+          getSlideModeConfig(opts.mode).framePx,
+          getSlideModeConfig(opts.mode).screenshotPx,
         ),
       );
 
@@ -683,6 +717,7 @@ async function startServer(opts) {
         slideFile: slide,
         slidePath: toSlidePathLabel(slidesDirectory, slide),
         userPrompt: prompt,
+        slideMode: opts.mode,
         selections: normalizedSelections,
       });
 

package/scripts/figma-export.js

@@ -17,6 +17,7 @@ import {
 
 const require = createRequire(import.meta.url);
 const html2pptx = require('../src/html2pptx.cjs');
+const { DEFAULT_SLIDE_MODE, getSlideModeChoices, normalizeSlideMode } = require('../src/slide-mode.cjs');
 
 const DEFAULT_SLIDES_DIR = 'slides';
 
@@ -28,6 +29,7 @@ function printUsage() {
       'Options:',
       `  --slides-dir <path>  Slide directory (default: ${DEFAULT_SLIDES_DIR})`,
       '  --output <path>      Output PPTX file (default: <slides-dir>-figma.pptx)',
+      `  --mode <mode>        Slide mode: ${getSlideModeChoices().join('|')} (default: ${DEFAULT_SLIDE_MODE})`,
       '  -h, --help           Show this help message',
       '',
       'Exports an experimental / unstable Figma Slides importable PPTX using the existing html2pptx pipeline.',
@@ -49,6 +51,7 @@ function parseArgs(args) {
   const options = {
     slidesDir: DEFAULT_SLIDES_DIR,
     output: '',
+    mode: DEFAULT_SLIDE_MODE,
     help: false,
   };
 
@@ -81,6 +84,17 @@ function parseArgs(args) {
       continue;
     }
 
+    if (arg === '--mode') {
+      options.mode = normalizeSlideMode(readOptionValue(args, i, '--mode'));
+      i += 1;
+      continue;
+    }
+
+    if (arg.startsWith('--mode=')) {
+      options.mode = normalizeSlideMode(arg.slice('--mode='.length));
+      continue;
+    }
+
     throw new Error(`Unknown option: ${arg}`);
   }
 
@@ -89,6 +103,7 @@ function parseArgs(args) {
   }
 
   options.slidesDir = options.slidesDir.trim();
+  options.mode = normalizeSlideMode(options.mode);
   options.output = normalizeFigmaOutput(options.slidesDir, options.output);
   return options;
 }
@@ -121,7 +136,7 @@ async function main() {
   const files = getHtmlSlides(slidesDir);
 
   const pres = new PptxGenJS();
-  configureFigmaExportPresentation(pres);
+  configureFigmaExportPresentation(pres, options.mode);
 
   console.log(`Exporting ${files.length} slide(s) for Figma from ${slidesDir}`);