NIAR Web Presentation

Use this skill to build a NIAR-style web slide presentation: a static HTML presentation folder that can be opened directly in a browser for clients or recorded with desktop screen recording tools.

The default deliverable is index.html plus an assets/ folder. End users should not need npm install, npm run dev, a local server, or a build step. DOM, Canvas, plain JavaScript, or bundled/minified libraries are acceptable when they remain directly openable as local HTML. Vite / React / TypeScript is an advanced developer-only option when the user explicitly asks for a source app.

It is not a PPTX generator. For PowerPoint output, use niar-pptx plus the project pptx skill.

Quick Workflow

1. Identify the input type: simple topic, article, existing script, single document, many documents, or existing deck.
2. If the user provides many files, read references/multi-document-workflow.md and create source/evidence notes before writing slides.
3. Read references/visual-system.md, references/asset-manifest.md, and references/structured-html.md; the output must look NIAR at first glance while remaining readable, selectable, and maintainable.
4. Read references/outline-format.md; create or update outline.md before implementation unless the user asks for immediate coding from an already clear outline.
5. Build a static HTML presentation. Use scripts/scaffold-niar-web-presentation.py for the starting folder when useful.
6. Implement slide navigation as slideIndex + revealIndex: click/keyboard advances reveal first, then next slide.
7. Keep controls hidden by default and available on hover; support clean playback/recording mode.
8. Before delivery, follow references/final-qa.md and report the validation results.