AIOProductOS Studio — Claude Code MCP server: install and review
Directs scripted walkthroughs and captures marketing screenshots of your web applications. It automates browser clicks, zooms, and captions, producing video files on demand.
claude mcp add mcp-studio -- npx -y @aioproductoscom/mcp-studioWhat AIOProductOS Studio does
The server turns an AI assistant into a screen director by controlling a local Playwright Chromium instance. It walks through your web interface according to prompts: the pointer glides realistically across targets, text input follows human cadence, and camera transitions smooth out page movements. Finished clips arrive in ./studio-output/.
During production, the tools handle storyline overlays, voice-over narrations, element highlight rings, and end cards with call-to-action text. You can hide cookie prompts or live support bubbles using hide_selectors. Supplying an auth.json file through Playwright storage state lets the agent navigate behind login walls without exposing credentials.
Running the studio requires Node 18+ and a Playwright Chromium download. Without ffmpeg available on your system PATH, the process can only deliver uncompressed WebM captures instead of MP4 files.
What it helps with
- record scripted walkthroughs of web software with mouse smoothing
- capture high-DPI screenshots of user interface sections
- eliminate flashes, cookie popups, and support bubbles from recordings
- produce MP4 and GIF product releases without manual video editing
Example prompts for the agent
- Record a 30-second tour of https://app.example.com, highlight the analytics graph, and add a closing card with the sign-up link
- Take a high-DPI screenshot of the billing table on https://app.example.com
- Film a walk-through on https://app.example.com using auth.json, hiding selectors in #intercom-container
How to install AIOProductOS Studio
Platform CLI
claude mcp add mcp-studio -- npx -y @aioproductoscom/mcp-studioPlatform CLI
codex mcp add aioproductos-studio -- npx -y @aioproductoscom/mcp-studioConfig file
{
"mcpServers": {
"aioproductos-studio": {
"command": "npx",
"args": [
"-y",
"@aioproductoscom/mcp-studio"
]
}
}
}Config file
{
"servers": {
"aioproductos-studio": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@aioproductoscom/mcp-studio"
]
}
}
}Platform CLI
gemini mcp add aioproductos-studio npx -y @aioproductoscom/mcp-studioStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about AIOProductOS Studio
How to install AIOProductOS Studio in Claude Code?
Run claude mcp add aioproductos-studio -- npx -y @aioproductoscom/mcp-studio in your terminal. You must also run npx playwright install chromium once before capturing pages.
What does AIOProductOS Studio do?
It equips the agent with browser automation tools to film product videos and capture screenshots. The server directs pointer movements, adds captions, zooms into interface elements, and exports to MP4 or GIF.
Which dependencies are required on the host system?
The package needs Node 18+, Playwright Chromium, and an ffmpeg binary inside your system PATH. Lacking ffmpeg limits exports to raw WebM footage.
