skills.rest
Joaovsales
JoaovsalesCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

html-presentation

Generate a self-contained HTML presentation from structured JSON or markdown content.

1|Updated Jan 27, 2026
Search Tags:#design#markdown#html#presentation#slides#generator
One-click install
npx skills add https://github.com/Joaovsales/coding-agent-workflow --skill html-presentation-joaovsales
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-presentation
Source: https://github.com/Joaovsales/coding-agent-workflow/tree/main/.agents/skills/html-presentation
Command: npx skills add https://github.com/Joaovsales/coding-agent-workflow --skill html-presentation-joaovsales

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Creates professional, publish-ready HTML presentations from structured content without needing a separate build step.

Core Features & Use Cases

  • Self-contained HTML output with optional slides mode for compact storytelling.
  • Light/dark theme support and keyboard navigation for accessibility.
  • Generates a narrative presentation from structured data (title, sections, code blocks, references) suitable for reviews, audits, and reports.

Quick Start

Run the html-presentation generator with a structured JSON or markdown input to produce a self-contained HTML file.

Frequently Asked Questions about html-presentation

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

FAQPage Schema
How do I convert markdown to a self-contained HTML presentation?▼

Yes, the generated HTML presentation supports offline rendering. It creates a self-contained single-file output, meaning all assets are embedded and no external dependencies or internet connection are needed to view the slides.

Can I create HTML slides with light and dark themes for stakeholder reports?▼

Yes, you can create HTML slides with light and dark theme support for stakeholder reports. The output includes keyboard navigation and optional slides mode to ensure accessible, compact storytelling for design reviews and audits.

What is the best way to generate a single-file HTML project summary without external dependencies?▼

The best way to generate a single-file HTML project summary is using a generator that accepts structured data like title and sections. This produces a polished narrative artifact directly, bypassing complex build steps and external framework dependencies.

Does the HTML presentation generator support markdown input for code blocks and references?▼

Yes, the HTML presentation generator supports structured markdown or JSON input. It specifically parses title, sections, code blocks, and references to construct a narrative presentation suitable for post-mortems and project summaries.

When do I need a self-contained HTML presentation for a design review?▼

You need a self-contained HTML presentation for a design review when you require a publish-ready deliverable that renders offline. This format ensures consistent viewing across stakeholder environments without needing specific presentation software.

Related Skills

Explore More Design & Creative Skills→
jovermierjovermier
1

context7-skill-generator

Convert Context7 MCP documentation responses into SKILL.md files with YAML frontmatter.

Community
Basic
innV0innV0

HTML Export

Export knowledge models as self-contained HTML reports with embedded JS and CSS.

Official
Intermediate
billwanggithubbillwanggithub

structural-search

Verify data presence in large JSON and XML files using structural paths.

Community
Basic
theclaymethodtheclaymethod
6

Remove Slide Skill

Delete a slide by number, name, or ID and renumber remaining files.

Community
Advanced