skills.rest
shekerkamma
shekerkammaCOMMUNITY
Explore all skills by this author →
GitHub

presentation-structure

Define standardized structure, formatting, and navigation for single-file HTML presentation decks.

Updated May 22, 2026
Search Tags:#presentation-structure#html-presentations#slide-format#journey-levels#navigation-rules#slide-renumbering
One-click install
npx skills add https://github.com/shekerkamma/peopletech-marketplace --skill presentation-structure-shekerkamma
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: presentation-structure
Source: https://github.com/shekerkamma/peopletech-marketplace/tree/main/plugins/presentation-suite/skills/presentation/presentation-structure
Command: npx skills add https://github.com/shekerkamma/peopletech-marketplace --skill presentation-structure-shekerkamma

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Users building or editing single-file HTML presentations often struggle with inconsistent slide numbering, broken journey progress bars, and mislinked table of contents entries when adding, removing, or reordering slides, leading to a broken viewing experience.

Core Features & Use Cases

  • Standardized Slide Formatting: Provides clear rules for adding data-slide and data-level attributes to slides to ensure consistent structure across the entire presentation.
  • Journey Level System Management: Defines the 4-level progress bar logic that automatically fills based on section transition slides, eliminating manual progress bar updates.
  • Navigation Integrity Maintenance: Outlines renumbering rules and link update steps to keep table of contents and slide navigation functional after any slide content changes.
  • Use Case: For example, if you are adding 3 new slides to an existing product roadmap presentation, use this skill to correctly assign sequential slide numbers, set the appropriate journey level for the new section, and update all TOC links to avoid broken navigation.

Quick Start

Use the presentation-structure skill to update slide numbering, journey level settings, and navigation links for your presentation at presentation/index.html after making changes to slide content.

Frequently Asked Questions about presentation-structure

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

FAQPage Schema
How do I fix broken table of contents links in my HTML presentation after reordering slides?▼

To fix broken table of contents links in an HTML presentation, apply standardized renumbering rules to update sequential slide numbers and remap navigation links after content changes. This ensures functional navigation integrity.

How does the journey level progress bar work in single-file HTML presentation decks?▼

The journey level progress bar in HTML presentation decks works by using a 4-level system that automatically fills based on section transition slides, eliminating manual progress bar updates.

What is the correct slide format for adding data attributes to HTML presentation slides?▼

The correct slide format for HTML presentations requires adding data-slide and data-level attributes to each slide, ensuring consistent structure and accurate journey level tracking across the entire deck.

How do I add new slides to an existing HTML presentation without breaking the navigation?▼

To add new slides to an HTML presentation without breaking navigation, assign sequential slide numbers, set the appropriate journey level for the new section, and update all table of contents links to maintain functional navigation mapping.

Do I need any external libraries to manage slide numbering and progress bars in HTML presentations?▼

You do not need external libraries to manage slide numbering and progress bars in HTML presentations. The structure rules define how to use standard data-slide and data-level attributes for consistent formatting and navigation logic.

What's the best way to maintain consistent slide structure when editing a single-file HTML presentation deck?▼

The best way to maintain consistent slide structure when editing a single-file HTML presentation deck is to follow defined formatting rules for data attributes, apply journey level system management, and execute renumbering steps after any slide content changes.

Related Skills

Explore More Content & Communication Skills→
Varnan-TechVarnan-Tech
581

graphic-slide-deck

Generate HTML slide decks from content notes with optional PDF export.

Official
Advanced
AbeJitsuAbeJitsu

html-structure-validate

Validate HTML5 structure and syntax of generated HTML documents.

Community
Intermediate
caovinhphuccaovinhphuc
1

presentation-structure

Explain slide structure, formatting, and navigation for single-file HTML presentations.

Community
Basic
khapn-2933khapn-2933

tkm:generate-slide

Convert text outlines into HTML or PPTX presentation slides.

Community
Advanced