vinal-2

Demo Anything — Git skill for Claude Code

Git community

Open-source interactive product demos from screenshots: hotspots, narration, captions and a guided cursor.

How to install Demo Anything

This entry records only its repository, not the path inside it, so there is no exact command to give. Open vinal-2/demo-anything and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Demo Anything does

Open-source interactive product demos from screenshots: hotspots, narration, captions and a guided cursor. Built by your coding agent (Claude Code + Claude in Chrome), redacted, and hosted free on GitHub Pages. A self-hosted alternative to tools like Arcade and Storylane.

Alternatives in Git

Clean Worktrees (Automatic) — Automatically remove all worktrees for branches merged into master 25.5k ★
Claude Relay Service — GitHub Repo stars Self-built Claude code mirror service supporting multi-account switching Relay service 9.9k ★
PR Artifact — Creates one polished, self-contained HTML artifact that explains a pull request or code change for reviewers 652 ★

README

Demo Anything

Turn any web app into a click-through walkthrough, with your agent.

**Show someone how a product works, one click at a time: narration, captions and a guided cursor, without recording a video.**

[![CI](https://github.com/vinal-2/demo-anything/actions/workflows/ci.yml/badge.svg)](https://github.com/vinal-2/demo-anything/actions/workflows/ci.yml) [![Pages](https://github.com/vinal-2/demo-anything/actions/workflows/pages.yml/badge.svg)](https://vinal-2.github.io/demo-anything/) [![OpenSSF Scorecard](https://api.scorecard.dev/projects/github.com/vinal-2/demo-anything/badge)](https://scorecard.dev/viewer/?uri=github.com/vinal-2/demo-anything) [![Agent skill](https://img.shields.io/badge/agent-skill-5c4ee5?style=flat-square)](plugin/skills/demo-anything/SKILL.md) [![Node.js 20.11+](https://img.shields.io/badge/Node.js-20.11%2B-339933?style=flat-square&logo=nodedotjs&logoColor=white)](docs/getting-started.md) [![MIT licence](https://img.shields.io/badge/licence-MIT-f4c430?style=flat-square)](LICENSE)

**[Live demos](https://vinal-2.github.io/demo-anything/demos/) · [Guides](docs/getting-started.md) · [Agent skill](plugin/skills/demo-anything/SKILL.md)**

[Quick start](#quick-start) · [How it works](#how-it-works) · [Player](#whats-in-the-player) · [Showcases](#showcases) · [Use cases](#use-cases) · [How it compares](#how-it-compares) · [FAQ](#faq) · [Documentation](#documentation) · [Star history](#star-history)

**Demo Anything is an open-source tool for making interactive, click-through product demos from screenshots.** Each demo is a guided tour: the viewer clicks a pulsing hotspot on each screen while a natur