← All work Product explainers

ReqTalk

From a browser recording to a finished product explainer.

Product explainersWeb

ReqTalk product film, 10 seconds. Names and data on screen are examples.

Who it is for

Teams who built a product and need to explain it.

What it does

  • You record the product in the browser as you use it, and ReqTalk asks for approval before anything is captured.
  • Sensitive fields are masked before the recording is used.
  • Each scene gets a script, and the finished explainer is approved before it renders.

How we built it

ArcLayer did the product design, the design system and the engineering. AI agents wrote code and tests against ReqTalk’s design system, and a person reviewed each change before it merged.

Build note: Why every product gets its own design system

How we work on ReqTalk

  1. Sensitive fields are masked at capture

    The recorder masks sensitive fields in the page while it records, so they never reach the video.

  2. Checks on every change

    CI type-checks, tests and builds the extension, scans the source and runs the renderer tests on every push to main and every pull request.

  3. Database rules are tested

    SQL tests check the database rules and row-level security.

  4. The renderer is tested in a locked-down container

    On main, the renderer image is built, tested in a restricted container and published to the registry.

  5. The API deploys with a smoke test

    The Supabase function deploys from a manual workflow and is followed by a smoke test.

  6. Releases are tagged

    A version tag creates a draft release, and the tag has to match the package version.

Built with

From the ReqTalk repository: a browser extension that records the product, a Supabase backend, and a video renderer in a Docker container.

  • TypeScriptLanguage
  • ReactInterface
  • Chrome extensionManifest V3 recorder
  • esbuildExtension build
  • SupabasePostgres, auth, storage, Edge Function
  • OpenAIWrites the script, speaks the voice
  • PythonVideo renderer
  • FFmpegRenders the explainer
  • DockerRenderer image
  • RunPodServerless rendering
  • GitHub ActionsCI, images and releases

Discuss a similar project

Tell us what your product should do, who it is for, and what it shares with ReqTalk.

Planning something like ReqTalk? Write to us about the product, the people it is for and where it should run.

Discuss a similar project

Or write to [email protected]