screenbrowser/skill

Screen Browser skill and MCP server config: narrated tutorial videos of your web app, from inside your coding agent.

About skill

Turn a feature of your web app into a narrated tutorial video, from inside your coding agent.

Screen Browser records a real browser following a written guide against your deployed app, adds a narrator and on-screen effects, and returns an MP4. This repository gives your AI coding agent two things:

- The screenbrowser skill — how to read your codebase and write the two guides Screen Browser needs (the login flow and the walkthrough), how to validate them, and how to run the recording. - The MCP server configuration — the tools the agent calls: create the project, upload guides, start the run, poll it, fetch the video. The server itself is part of your Screen Browser account at https://mcp.screenbrowser.com.

Add this repository as a plugin marketplace and install the plugin:

The first time the agent reaches for a Screen Browser tool, Claude Code opens your browser: sign in to Screen Browser, approve the connection, and you are done. Nothing to copy. (If it does not prompt, run /mcp and pick screenbrowser → Authenticate.)

Without the plugin system, register the server yourself and copy the skill:

If your agent cannot open a browser to sign in, create a key under Settings → API keys in Screen Browser and pass it as a bearer token:

Any MCP client works the same way: Streamable HTTP at https://mcp.screenbrowser.com, OAuth 2.1 with dynamic client registration for interactive sign-in, or Authorization: Bearer .

From the project README.

Maintaining this server?

Add the radar badge to your README — it shows your project was picked up by MCP Radar and links to this page:

[![On MCP Radar](https://mcp.liqiwa.com/badge.svg)](https://mcp.liqiwa.com/s/screenbrowser--skill.html)