What documentation is required to run this skill?

The skill requires project requirements, architecture, and tech stack Markdown files located in your docs/project/ directory to build a complete presentation.

Does the presentation support visual diagrams?

Yes, the skill automatically detects and renders Mermaid.js blocks from your Markdown files into interactive diagrams within the presentation.

Can I customize the generated presentation?

Absolutely. The skill copies HTML, CSS, and JS templates to your local assets folder, allowing you to customize the styling and behavior to match your brand.

Is the final presentation file standalone?

Yes, it compiles into a single presentation_final.html file that is self-contained and can be opened in any modern web browser without a server.

Interactive Presentation & Docs Hub Creator

Name: Interactive Presentation & Docs Hub Creator
Author: levnikolaevich

bylevnikolaevich

•

Learning & Documentation

Transforms project Markdown documentation into professional, multi-tab HTML presentations with interactive diagrams and roadmaps.

The ln-150-presentation-creator is a specialized worker skill that automates the generation of comprehensive project presentations. It parses source Markdown files—including requirements, C4 architecture diagrams, and technical specifications—to build a self-contained, 6-tab HTML interface. Designed for project handoffs and stakeholder reviews, it ensures that your living documentation is always presented in a clean, navigable, and visually professional format without requiring manual formatting or external presentation software.

Key Features

01Automates content injection from Markdown sources while stripping out template placeholders.

02Produces zero-dependency, standalone HTML files for easy sharing via email or static hosting.

03Generates a 6-tab interactive HTML interface (Overview, Requirements, Architecture, Tech Spec, Roadmap, Guides).

0412 GitHub stars

05Seamlessly renders Mermaid.js diagrams for architecture, database schemas, and workflows.

06Provides a built-in validation phase to ensure source documentation quality and completeness.

Use Cases

01Creating professional project handoff documentation for clients and stakeholders.

02Automating visual roadmap and architecture updates during Agile sprint reviews.

03Generating an interactive internal developer portal for team onboarding and technical reference.

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