Browser Walkthrough Recording

Record real browser flows with captions, highlights, close-ups, clean screenshots, and compact MP4s.

Overview

Record real browser flows with captions, highlights, close-ups, clean screenshots, and compact MP4s.

Bundles 1 skill with 1 Claude Code wrapper. Codex users install the same skill directories directly from GitHub.

Skills

Each skill is a SKILL.md file with YAML frontmatter and Markdown instructions.

browser-walkthrough-recording

Record and review a captioned feature walkthrough for a PR or how-to guide.

plugins/browser-walkthrough-recording/skills/browser-walkthrough-recording

Skill docs →

Slash Commands

Claude Code wrapper files live under plugins/browser-walkthrough-recording/commands/ and surface as namespaced commands. Codex invokes the underlying skill by name (for example, name: browser-walkthrough-recording).

/browser-walkthrough-recording:record

Installation

Install the plugin for Claude Code, or install one or more skill paths for Codex.

Claude Code

bash

claude plugin marketplace add DiversioTeam/agent-skills-marketplace
claude plugin install browser-walkthrough-recording@diversiotech

Codex

bash

CODEX_HOME="${CODEX_HOME:-$HOME/.codex}"
python3 "$CODEX_HOME/skills/.system/skill-installer/scripts/install-skill-from-github.py" \
  --repo DiversioTeam/agent-skills-marketplace \
  --path plugins/browser-walkthrough-recording/skills/browser-walkthrough-recording

Claude Code: invoke as /browser-walkthrough-recording:record. Codex: invoke as name: browser-walkthrough-recording.