Is this skill part of a larger workflow?

Yes, it serves as an L2 worker in the ln-100-documents-pipeline, but it can also be used as a standalone tool to rebuild presentations.

Does it support architecture diagrams?

Yes, it fully supports Mermaid.js diagrams for architecture, database schemas, and flowcharts, rendering them natively in the HTML tabs.

Can I customize the generated presentation's design?

Absolutely. The skill copies CSS, JS, and HTML templates to your local directory, allowing you to customize styles and layouts before the final build.

Which files are required to generate a presentation?

The skill requires requirements.md, architecture.md, and tech_stack.md to be present in your docs/project/ directory.

How does it handle incomplete documentation?

The skill includes a validation phase that checks for source file existence and content quality, warning you about missing sections or placeholders before building.

Interactive HTML Presentation Creator

Name: Interactive HTML Presentation Creator
Author: levnikolaevich

bylevnikolaevich

•

Learning & Documentation

Generates professional, multi-tabbed HTML presentations automatically from project Markdown documentation and Mermaid diagrams.

The ln-150-presentation-creator skill transforms your raw project documentation into a self-contained, interactive HTML dashboard. By parsing existing Markdown files like requirements, architecture, and tech stacks, it builds a navigable presentation featuring six dedicated tabs including Architecture (with C4 diagrams), Technical Specs, and Roadmaps. This tool is perfect for developers and project managers who need to present complex system designs or project statuses to stakeholders without the manual effort of creating slide decks, ensuring your presentation always stays in sync with your codebase documentation.

Key Features

01Automated content injection that removes example placeholders and boilerplate

02Automatic rendering of Mermaid.js diagrams for architecture and database schemas

03Self-contained HTML output for easy sharing without external dependencies

04Six-tab interactive layout (Overview, Requirements, Architecture, Tech Spec, Roadmap, Guides)

05Pre-build validation to ensure documentation quality and source file existence

0621 GitHub stars

Use Cases

01Generating stakeholder-ready project handoff presentations from internal docs

02Creating interactive architecture dashboards for team onboarding

03Automating the visual representation of project roadmaps and technical debt

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add levnikolaevich/claude-code-skills ln-150-presentation-creator

For use in Claude.ai and ChatGPT

Download Skill