A process for automatically recording feature-demo videos of a local web app using Playwright, a browser-automation tool, and ffmpeg, a video-processing tool. It drives the real app, then adds subtitles, labels, a simulated cursor, zooms, and faster playback for waiting periods.
Turn an app or a public website into a finished, designed demo or guide video — product demos, feature walkthroughs, how-to guides, onboarding clips, site tours. Two sources: it can DRIVE AND RECORD a web page with Playwright (preferred — chrome-free, 2x, re-runnable), or take a screen recording (.mov/.mp4) you hand…
Write the concept for a demo, guide, walkthrough or site-tour video of an app or any public website — the two documents that get approved BEFORE anything is recorded: PLAN.md (the shape: purpose, audience, beat list, spotlight targets, privacy flags, what is out of scope) and SCRIPT.md (every word in playing order…
Run a blog-generation wave for aidemo using the centralized blog engine. Use when the user says "run a blog wave", "generate blog articles", "write the next N articles", "blog batch", or "continue the blog generation" for aidemo. This is a THIN adapter — the engine's blog-wave skill + its served guides carry the…
Maintain the aidemo marketing/landing page (docs/index.html, served by GitHub Pages at https://tandryukha.github.io/aidemo/) and its indexing plumbing (llms.txt, robots.txt, sitemap.xml). Use when the user says "update the landing page", "add a section to the site", "change the hero", "update positioning", "fix the…
Cut an aidemo release: bump package.json, commit, push to main — CI (release.yml) then creates the vX.Y.Z tag, moves stable, and publishes the GitHub Release. Use when the user says "cut a release", "release vX.Y.Z", "bump and release", "ship a new version", or "move stable". Knows the gotchas: the version lives ONLY…
Produce a polished, ScreenStudio-style 60fps product demo video of a web app with a tiny, dependency-light pipeline — Playwright frame capture + a multiprocess Pillow compositor streaming into ffmpeg (no Node/Remotion). Drives the app one step per frame so playback is true 60fps regardless of capture speed, then…
Record a polished, scripted-flow browser demo of an HTML page (or URL) for a README hero. Drives Playwright with a fake cursor + click pulse, then encodes WebM → MP4 + GIF tuned for GitHub asset rendering. Use when the user asks to "record a demo", "make a README gif", "capture a screencast of an HTML app", or ships a…
Generate a custom 26s product-demo video from any SaaS URL — brand-matched scenes, a recreated product-UI "wow" scene, real screenshots, and a soundtrack. Use whenever the user wants a demo, promo, launch, or marketing video for a website or product.
Record a polished, narrated product-demo video of a local web app (or any website) like an Apple/Google keynote presenter — using the demo-director MCP tools for screen recording, human-smooth cursor movement, cinematic scrolling, spotlight highlights, and voiceover. Use whenever the user says "record a demo", "show a…
Record a polished demo video of a Chrome extension with Diorama. Use when asked to create, update, or re-record an extension demo, produce Chrome Web Store assets, or turn an extension feature into a video.
Drive the Windows desktop with feedback — a screenshot and an element tree come back after every action, like the Playwright plugin does for the browser — plus record what happens into a finished demo video with zoom to clicks, a smooth cursor, and voiceover. Triggers: "click around in the app", "look at what's on the…
★not rated 0 8d agoA124 tokens
originalMIT
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: