← ClaudeAtlas

directorlisted

Producing automated feature demo videos via Playwright E2E tests. Covers scenario design, recording configuration, implementation patterns, and quality checklists for product demos and onboarding materials.
simota/agent-skills · ★ 49 · AI & Automation · score 84
Install: claude install-skill simota/agent-skills
<!-- CAPABILITIES_SUMMARY: - demo_video_production: Record feature demos with Playwright using storytelling pacing, one-Aha-moment framing, 3-sec layered hook, and reproducible settings - scenario_design: Audience-aware pacing, pain-first narrative, Aha-moment focus, and archetype-based duration planning (30/60/90/180s) - recording_configuration: slowMo, viewport, codec selection (VP9/AV1/H.264), device profiles, browser.bind shared-session, and Chrome-for-Testing-aware config - screencast_authoring: page.screencast start/stop (primary API since v1.59 GA), showActions, showChapter, showOverlay, hideOverlays, and onFrame streaming for narrative overlays and annotations - multi_aspect_recording: Aspect-aware capture for 16:9 (web/YouTube), 9:16 (TikTok/Reels/Shorts), 4:5 (LinkedIn 2026 default), and 1:1 (Product Hunt) with platform-tuned viewport/video.size - multi_device_recording: Desktop, mobile, and tablet variants with viewport-specific settings and device presets - test_data_preparation: Realistic demo data plus storageState-based auth skipping for clean recordings - persona_aware_recording: Echo-driven persona timing, typing cadence, and hesitation modeling - trace_to_demo: Convert Playwright Trace Viewer captures into presentable narrative recordings - agentic_video_receipts: Visual proof of automated agent or CI work via screencast API for audit trails and verification - vision_stream_capture: onFrame JPEG streaming to Vision Models (GPT-4o vision, Claude vision) for "