slide-deck-builder

Generate self-contained interactive HTML slide decks with a dark theme.

1|Updated Apr 7, 2026
One-click install
npx skills add https://github.com/linhlvit/ubck_atomic_design --skill slide-deck-builder-linhlvit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slide-deck-builder
Source: https://github.com/linhlvit/ubck_atomic_design/tree/main/.claude/skills/slide-deck-builder
Command: npx skills add https://github.com/linhlvit/ubck_atomic_design --skill slide-deck-builder-linhlvit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually creating slide decks often leads to inconsistent design, requires expensive specialized software, and takes hours of formatting work for every new presentation. This Skill eliminates that friction by generating professional, consistent slide decks automatically from any content.

Core Features & Use Cases

  • Self-contained HTML output: Generates a single, dependency-free HTML file that works in any browser with no external tools required.
  • Pre-built design system: Includes a dark theme, consistent typography, and reusable components (two-column layouts, step flows, card grids, tables, etc.) for common presentation patterns.
  • Flexible use cases: Supports all common deck types including product overviews, technical specifications, roadmaps, project retrospectives, and pitch decks.
  • Use case example: Turn a 10-point product roadmap into a polished, navigable slide deck in minutes without opening presentation software.

Quick Start

Use the slide-deck-builder skill to create a 5-slide project retrospective deck from the provided sprint metrics and team feedback notes.

Frequently Asked Questions about slide-deck-builder

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

FAQPage Schema
How do I generate a self-contained HTML slide deck from text content?

Yes, you can create interactive HTML presentations from raw text without presentation software. The tool outputs a single, dependency-free HTML file containing a dark-themed deck with keyboard navigation and reusable layouts.

What is the best way to turn a product roadmap into a navigable HTML presentation?

The best way to turn a product roadmap into a navigable HTML presentation is to provide the roadmap text directly. The builder automatically structures it into a dark-themed deck using pre-built components like step flows and card grids.

Does the generated HTML slide deck require any external dependencies or specialized software?

No, the generated HTML slide deck requires no external dependencies or specialized presentation software. It produces a self-contained single file that works in any standard browser, eliminating manual formatting.

Can I use pre-built layouts like two-column slides and tables for technical specifications?

Yes, you can use pre-built layouts like two-column slides and tables for technical specifications. The builder includes a design system with reusable components such as card grids and step flows for common presentation patterns.

How do I create a project retrospective deck from sprint metrics without opening presentation software?

To create a project retrospective deck from sprint metrics without opening presentation software, feed the metrics and team feedback notes into the builder. It automatically formats the data into a polished, navigable HTML slide deck.