nuageit-slide-deck

Generates interactive single-file HTML slide decks with a reusable design system and navigation engine.

Updated Sep 10, 2026
One-click install
npx skills add https://github.com/allankltsn/setup_kiro --skill nuageit-slide-deck-allankltsn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuageit-slide-deck
Source: https://github.com/allankltsn/setup_kiro/tree/main/.kiro/skills/nuageit-slide-deck
Command: npx skills add https://github.com/allankltsn/setup_kiro --skill nuageit-slide-deck-allankltsn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve? Building polished corporate technology presentations (sprint reviews, status reports, demos) usually requires heavy slide software or custom CSS work. This Skill produces a self-contained, interactive HTML presentation with a consistent brand identity, zero dependencies, and offline support. ## Core Features & Use Cases - Dependency-free deck engine: keyboard/mouse/touch/scroll navigation, clickable auto-generated table of contents, page numbering, progress bar, dark/light theme toggle, and particle background — all generated automatically. - 17 reusable slide templates: cover, summary, section divider, project overview, KPI dashboards, delivered/pending items, bug tables, goals, process flows, consumed vs. remaining hours, delivery forecast (on-track/at-risk/off-track), video/GIF/audio demos, technical scope, and closing. - Design system components: cards, status chips, animated KPIs, progress bars, donut rings, segmented hour bars, mini bar/line charts, tooltips, and auto-pagination for long lists. - Use Case: Ask the assistant to build a Sprint Review deck; it copies the template, fills in your sprint data (KPIs, deliverables, bugs, forecast), and outputs a single HTML file you open in any browser or print to PDF. ## Quick Start Create a sprint review presentation using the nuageit-slide-deck template with my sprint data and save it as an HTML file in my project folder.

Frequently Asked Questions about nuageit-slide-deck

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an HTML slide presentation without PowerPoint?▼

Copy the template.html file from this Skill, keep the cover and summary slides, then paste in the slide templates you need and replace the placeholder text and numbers. Open the HTML file in any browser — no build step or dependencies required.

How do I add KPI dashboards and charts to an HTML slide deck?▼

Use the built-in components: .kpi cards with data-count for animated numbers, .bar elements with data-value for progress bars, .ring with data-p for donut charts, and .chart/.cbar for mini bar charts. All animate automatically when the slide appears.

Does the slide deck work offline and without JavaScript libraries?▼

Yes. The deck engine (deck.js) and design system (deck.css) are self-contained with zero external dependencies. Navigation, theme toggle, tooltips, and animations all work offline in any modern browser.

Can I embed video, GIF, or audio demos in the slides?▼

Yes. Dedicated templates support mp4 video with poster images, GIF or screenshot images, and mp3 audio narration. Place media files in assets/media/ and reference them with standard HTML video, img, or audio tags.

What happens when a slide list is too long to fit on one page?▼

Add data-autopaginate to the slide body. The engine measures content against the --slide-content-max height limit and automatically moves overflow items to cloned continuation pages labeled (1/2), (2/2), without duplicating entries in the summary.

Can I export the HTML presentation to PDF?▼

Yes. The stylesheet includes @media print rules that render one slide per page and hide navigation chrome, so printing from the browser produces a clean PDF export.