llmer-demo

Generate Playwright scripts and demo recordings from natural-language scenarios.

14|Updated Mar 27, 2026
One-click install
npx skills add https://github.com/llmer/skill-demoflow --skill llmer-demo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: llmer-demo
Source: https://github.com/llmer/skill-demoflow/tree/main/llmer-demo
Command: npx skills add https://github.com/llmer/skill-demoflow --skill llmer-demo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Replacing manual setup, debugging, and scripting of Playwright/browser and terminal demos with a scalable, natural-language driven workflow. This Skill translates plain-English user journeys into runnable browser and CLI demonstrations, capturing HARs and MP4 recordings for reviews and QA.

Core Features & Use Cases

  • Generate Playwright scripts from plain-English scenarios describing user journeys.
  • Record full demos with HAR, video, and click/keystroke visualization for both browser and terminal demos.
  • Create and reuse environment targets and app context to support local, staging, and production flows.

Quick Start

Describe a scenario and run the tool to scaffold and execute a demo workflow.

Frequently Asked Questions about llmer-demo

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

FAQPage Schema
How do I generate Playwright scripts from natural language scenarios?

You can generate Playwright scripts by providing plain-English scenario descriptions of user journeys. The tool translates these natural-language descriptions into runnable browser and CLI demonstrations, capturing HARs and MP4 recordings for QA reviews.

What is automated browser demo generation and how does it capture HAR files?

Automated browser demo generation translates plain-English user journeys into runnable browser and CLI demonstrations. It captures HAR files, MP4 video recordings, and click or keystroke visualizations for web and CLI app reviews.

Do I need a specific context configuration to record terminal demos?

Yes, generating terminal demos requires a .demoflow context and target configuration. You must also configure the target environment to support local, staging, or production flows for the application being demonstrated.

Can I reuse environment targets for both staging and production demo videos?

Yes, you can create and reuse environment targets and app contexts. This supports generating demo videos and acceptance tests across local, staging, and production environments using the same natural-language scenario descriptions.

What is the best way to replace manual Playwright scripting for acceptance tests?

The best way to replace manual scripting is using a natural-language driven workflow that translates plain-English scenarios into runnable browser demonstrations. This approach generates HAR captures, MP4 recordings, and acceptance tests for web and CLI apps.

Why are my natural language scenario demos missing the video recording output?

Demos might miss video output if the target configuration is incomplete. The tool requires a .demoflow context and target config to orchestrate runs, apply click or keystroke visualization, and properly record MP4s.