Studio MCP server
{
"mcpServers": {
"aioproductos-studio": {
"command": "npx",
"args": [
"-y",
"@aioproductoscom/mcp-studio@latest"
]
}
}
}{
"mcpServers": {
"aioproductos-studio": {
"command": "npx",
"args": [
"-y",
"@aioproductoscom/mcp-studio@latest"
]
}
}
}{
"mcpServers": {
"aioproductos-studio": {
"command": "npx",
"args": [
"-y",
"@aioproductoscom/mcp-studio@latest"
]
}
}
}{
"servers": {
"aioproductos-studio": {
"command": "npx",
"args": [
"-y",
"@aioproductoscom/mcp-studio@latest"
]
}
}
}{
"mcpServers": {
"aioproductos-studio": {
"command": "npx",
"args": [
"-y",
"@aioproductoscom/mcp-studio@latest"
]
}
}
}file .mcp.json (in your project root)file claude_desktop_config.jsonfile ~/.cursor/mcp.jsonfile .vscode/mcp.jsonfile ~/.codeium/windsurf/mcp_config.jsoninstall npx -y @aioproductoscom/mcp-studioversion 0.2.3
What it does
Studio is an MCP server that records scripted video walkthroughs of your web application, generating marketing-grade MP4s, GIFs, and screenshots. It runs locally in the browser with no data upload, controlled entirely through AI prompts that orchestrate cursor movements, narration, captions, zooms, and transitions.
- Generate demo videos and explainer clips by describing the walkthrough flow you want to shoot.
- Create changelog GIFs and product launch screenshots without manual screen recording.
- Record authenticated app flows by passing Playwright storage state, so your AI can capture logged-in areas.
Tools this server exposes
| Tool | Does |
|---|---|
| studio_start | Open a themed recording browser with viewport, brand colors, and optional logged-in state. |
| studio_goto | Navigate to a URL behind a designed title card without loading flashes appearing on tape. |
| studio_click | Move cursor smoothly to a target element and click it. |
| studio_type | Type text at human pace into a focused element. |
| studio_scroll | Scroll smoothly with cubic easing. |
| studio_caption | Display a bottom-left storyline caption as on-screen text. |
| studio_narrate | Add spoken voice-over without displaying on-screen captions. |
| studio_highlight | Draw an accent ring and label callout around an element or visible text. |
| studio_zoom | Perform a smooth camera punch-in on a metric, button, or result. |
| studio_hold | Hold the current shot with micro-drift to keep frames flowing. |
| studio_end_card | Add a closing glass card with title, subtitle, and CTA URL. |
| studio_screenshot | Capture a high-DPI PNG of the current frame, a specific element, or the full page. |
| studio_finish | Stop recording, remove dark frames, and export to MP4 and optional GIF. |
| studio_cancel | Abandon the current recording session. |
Before you enable it
An MCP server runs with whatever access you give it. Start with a development account rather than production, and check which tools the server exposes before you let an agent call them unattended.