PTENES

Course tracks

Three tracks, from the concept of a walkthrough to a narrated MP4 of your app. Start with 1 if you want to understand the idea; skip to 2 if you want to capture the app; go to 3 to assemble and render.

🧭
TRACK 1 · BASIC3 modules

Fundamentals

The foundation. When a demo video is the right choice (vs. an explainer), the guiding principle—"capture first, animate later"—and the 100% local stack with no API key: agent-browser, HyperFrames, and Kokoro.
🎥
TRACK 2 · PRACTICAL4 modules

Capture of the actual app

The part most likely to go wrong if rushed. Drive the app with agent-browser/Playwright, describe steps in actions.json, target coordinates and bounding boxes, and handle scrolling, React-controlled inputs, and asynchronous multi-state flows.
🎬
TRACK 3 · ADVANCED3 modules

Composition & Rendering

Where the capture becomes a video: browser frame, animated cursor that clicks the target, and highlight zoom; the dark premium house style; local TTS narration with Kokoro; and rendering in HyperFrames with lint, inspect, and the INEMA.CLUB CTA.