demo-runbook

Generate a demo script and single-file HTML runbook for product demonstrations.

5|Updated Oct 22, 2025
One-click install
npx skills add https://github.com/marchatton/agent-skills --skill demo-runbook
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: demo-runbook
Source: https://github.com/marchatton/agent-skills/tree/main/.agents/skills/06-release/demo-runbook
Command: npx skills add https://github.com/marchatton/agent-skills --skill demo-runbook

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation of compelling, demo-first presentations by generating both a detailed script and a navigable, single-file HTML runbook.

Core Features & Use Cases

  • Demo-First Narrative: Structures presentations to lead with a live demo before diving into explanations.
  • Comprehensive Runbook: Produces a visually appealing, navigable HTML document with custom styling, diagrams, and links.
  • Use Case: When asked to create a Proof of Concept (PoC) demo, this Skill will generate a script for the presenter and a self-contained HTML file that can be shared, covering the user story, technical architecture, and competitive landscape.

Quick Start

Use the demo-runbook skill to generate a demo script and HTML runbook for a new PoC.

Frequently Asked Questions about demo-runbook

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

FAQPage Schema
How do I create a demo script and HTML runbook for an LLM product presentation?

You can generate both a demo script and a single-file HTML runbook by providing structured input covering your core narrative, LLM tech stack, architecture choices, and competitive landscape, which then produces a navigable document and presenter notes.

What is a demo-first narrative structure and when should I use it?

A demo-first narrative structures presentations to lead with a live demo before explanations, integrating user empathy and technical credibility. Use this approach for proof of concept presentations where you need to quickly establish stakeholder buy-in and demonstrate value.

How do I structure a proof of concept presentation to include RAG architecture and competitive comparison?

Structure your PoC presentation by providing structured input for your core narrative, special features, scope, competitive landscape, and LLM architecture choices like RAG, evals, and observability to generate a comprehensive script and navigable HTML runbook.

Can I generate a self-contained HTML presentation with embedded architecture diagrams without external dependencies?

Yes, you can generate a single-file HTML runbook with custom styling, navigable content, and diagrams without external dependencies. The output is a self-contained document that can be shared and viewed independently without requiring additional libraries.

Does this approach support generating presenter notes alongside technical LLM architecture details like observability and evals?

Yes, the approach generates a detailed demo script for the presenter alongside a navigable HTML runbook, integrating technical LLM architecture details such as RAG, evals, and observability to establish technical credibility throughout the product demonstration.

What are the limitations of using a single-file HTML runbook for product demonstrations?

A single-file HTML runbook is limited to static content delivery and custom styling, meaning it cannot execute live interactive product demonstrations or dynamically update LLM architecture diagrams, requiring the presenter to run the actual software demo separately.