skills.rest
45ck
45ckCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

demo-from-url

Generate a demo-machine YAML spec from a live web app URL.

6|1|Updated Feb 14, 2026
Search Tags:#yaml#playwright#url#web-automation#spec-generation#demo-machine
One-click install
npx skills add https://github.com/45ck/demo-machine --skill demo-from-url
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: demo-from-url
Source: https://github.com/45ck/demo-machine/tree/main/.claude/skills/demo-from-url
Command: npx skills add https://github.com/45ck/demo-machine --skill demo-from-url

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Crawls a live web application URL to automatically generate a complete, ready-to-run demo-machine YAML spec, removing the need to hand-write complex demo pipelines.

Core Features & Use Cases

  • Automatically derives meta, runner, and chapters from the target URL.
  • Identifies the primary user journey and produces narrated, repeatable steps for demos.
  • Ideal for SaaS on-boarding tours, feature showcases, and product demos that must be reproducible.

Quick Start

Provide a live URL (and optional description) to generate a complete demo spec you can run with the tool.

Frequently Asked Questions about demo-from-url

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

FAQPage Schema
How do I generate a demo spec from a URL for a web app?▼

To generate a demo spec from a URL, provide the live web application link to automatically crawl and produce a structured YAML file with meta, runner, and narrated chapters. This removes the need to hand-write complex demo pipelines.

What is a demo-machine YAML spec and when do I need one?▼

A demo-machine YAML spec is a structured file containing meta, runner, and chapters used to document repeatable web automation flows. You need one when creating reproducible SaaS onboarding tours, feature showcases, or product demos.

Can I use Playwright to automate the demo steps generated from my URL?▼

Yes, the generated demo spec supports a Playwright-based automation flow. It automatically derives narrated, repeatable steps and targeted element selectors from the target URL to execute the primary user journey.

Does the generated YAML spec include narration for SaaS onboarding tours?▼

Yes, the generated YAML spec includes optional narration for SaaS onboarding tours. It identifies the primary user journey from the crawled URL and produces narrated, repeatable steps for feature showcases.

What is the best way to document repeatable demos for dashboards?▼

The best way to document repeatable demos for dashboards is using a tool to crawl the live URL and automatically generate a production-ready YAML spec. This structured spec captures chapters, narration, and steps for reproducible showcases.

Related Skills

Explore More Software Engineering Skills→
upmarkingupmarking

seo-firecrawl

Crawl websites via Firecrawl MCP to gather pages, metadata, and links.

Official
Advanced
45ck45ck
6

demo

Generate product demo videos from YAML specs using Playwright and FFmpeg.

Community
Advanced
Svenja-devSvenja-dev
38

e2e-testing

Automate end-to-end browser testing for web applications with Playwright MCP.

Community
Intermediate
45ck45ck
6

narrate-spec

Generate per-chapter and per-step narration for demo-machine YAML specs.

Community
Intermediate