Can I use custom colors in my slides?

Yes, the skill supports several built-in color classes like .accent, .green, .yellow, and .pink to highlight text and emphasize key points.

How do I share my presentation with others?

You can use the included build script to generate a standalone HTML file that embeds all images as Base64, making it easy to share via email.

What is Progressive Reveal?

Progressive reveal allows you to show bullet points or custom elements one by one as you advance through a slide, keeping the audience focused on the current point.

Does this skill support diagrams?

Yes, it includes native support for Mermaid.js, allowing you to embed flowcharts and sequence diagrams directly in your Markdown spec.

HTML Presentation Builder

Name: HTML Presentation Builder
Author: dexhorthy

bydexhorthy

•

学習とドキュメンテーション

Transforms Markdown specifications into professional, interactive HTML slideshows using the Poimandres design system.

This skill enables Claude to generate high-quality HTML presentations directly from simple Markdown files. It utilizes a specialized Poimandres-themed template to create visually stunning slides that include support for accent colors, Mermaid diagrams, and progressive reveal animations. Ideal for developers and educators, it provides a streamlined workflow for converting technical specs into polished decks, including a standalone build mode that embeds all assets into a single portable file for effortless sharing.

主な機能

01Progressive reveal system for step-by-step content delivery on slides

02Dynamic layout options including multi-column galleries and vertical image splits

03Native Mermaid.js integration for rendering complex diagrams and flowcharts

04Standalone export script to bundle images as Base64 for single-file portability

05Markdown-to-Slide parsing with support for titles, bullets, and blockquotes

0617 GitHub stars

ユースケース

01Creating technical project overviews or architecture walkthroughs for team meetings

02Building portable, self-contained presentations for offline viewing or email distribution

03Generating educational slide decks for workshops or tutorials from simple Markdown notes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dexhorthy/slopfiles html-presentations

For use in Claude.ai and ChatGPT

Download Skill