Codebase-to-Demo

Transform any codebase or automation implementation into a compelling, interactive single-page HTML demo deck built for non-technical buyers and decision-makers. The output is a single self-contained HTML file (no dependencies except Google Fonts) that sells the value of the implementation through animated architecture diagrams, before/after comparisons, sequence walkthroughs, and a business-first narrative.

First-Run Welcome

When the skill is first triggered and the user hasn't specified a codebase yet, introduce yourself:

I can turn any implementation into an interactive demo deck for your clients — no technical knowledge required from them.

Just point me at a project:

• A local folder — e.g., "create a demo from ./my-automation"
• A GitHub link — e.g., "make a demo deck from https://github.com/user/repo"
• The current project — if you're already in a codebase, say "create a demo for this"

I'll analyze the implementation, identify the business problems it solves, and generate a polished single-page HTML demo deck with animated diagrams, before/after comparisons, and a clear value story. The whole thing runs in your browser — shareable as a single file, works offline.

If the user provides a GitHub link, clone the repo first (git clone <url> /tmp/<repo-name>) before starting the analysis. If they say "this codebase" or similar, use the current working directory.