{"_id":"@aioproductoscom/mcp-studio","_rev":"5-316b1abd48247d48b7cd540c3058e6c6","name":"@aioproductoscom/mcp-studio","dist-tags":{"latest":"0.2.3"},"versions":{"0.1.0":{"name":"@aioproductoscom/mcp-studio","version":"0.1.0","keywords":["mcp","model-context-protocol","screen-recording","product-demo","demo-video","screenshots","playwright","marketing-video","explainer-video","product-management","aioproductos"],"author":{"name":"AIOProductOS Inc."},"license":"MIT","_id":"@aioproductoscom/mcp-studio@0.1.0","maintainers":[{"name":"aioproductoscom","email":"office@aioproductos.com"}],"homepage":"https://aioproductos.com/mcp","bugs":{"url":"https://github.com/AIOProductOS/claude-plugin/issues"},"bin":{"productos-studio":"dist/index.js"},"dist":{"shasum":"add5c20ad28b71543df56125f700a4abaf0448c4","tarball":"https://registry.npmjs.org/@aioproductoscom/mcp-studio/-/mcp-studio-0.1.0.tgz","fileCount":5,"integrity":"sha512-436hpvpz0ZkGhtTQK0O5xhrzOUSwK4rkZ80L8O4fTxiaw0HG21tD2uoDzxB347bu7q+vnOpZyxY7cQvO5X2bfg==","signatures":[{"sig":"MEUCIEoBGEsqSw26BKenSm2iWPyGa+feqkJVQtQNFJn469vdAiEAt7pDYn92JByq6hc4UBSRUOGjCMIDbi79teQrbICe2pU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50715},"type":"module","engines":{"node":">=18"},"gitHead":"e544c11aa19b8ce0b62cb127e8c40ffd5857538f","mcpName":"com.aioproductos/mcp-studio","scripts":{"build":"tsc","start":"node dist/index.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"aioproductoscom","email":"office@aioproductos.com"},"repository":{"url":"git+https://github.com/AIOProductOS/claude-plugin.git","type":"git"},"_npmVersion":"11.12.1","description":"AIOProductOS Studio — an MCP server that turns your AI host into a product videographer: scripted screen recordings of YOUR web app with a smooth on-screen cursor, camera zooms, highlight callouts, caption cards, branded transitions, and marketing-grade s","directories":{},"_nodeVersion":"25.9.0","dependencies":{"zod":"^3.23.8","playwright":"^1.48.0","@modelcontextprotocol/sdk":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.6.0","@types/node":"^22.7.0"},"_npmOperationalInternal":{"tmp":"tmp/mcp-studio_0.1.0_1783768931964_0.41347795537736687","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@aioproductoscom/mcp-studio","version":"0.2.0","keywords":["mcp","model-context-protocol","screen-recording","product-demo","demo-video","screenshots","playwright","marketing-video","explainer-video","product-management","aioproductos"],"author":{"name":"AIOProductOS Inc."},"license":"MIT","_id":"@aioproductoscom/mcp-studio@0.2.0","maintainers":[{"name":"aioproductoscom","email":"office@aioproductos.com"}],"homepage":"https://aioproductos.com/mcp","bugs":{"url":"https://github.com/AIOProductOS/studio-mcp/issues"},"bin":{"productos-studio":"dist/index.js"},"dist":{"shasum":"fc31bd407b4a2a6b8861d5c09e363f2b564934c5","tarball":"https://registry.npmjs.org/@aioproductoscom/mcp-studio/-/mcp-studio-0.2.0.tgz","fileCount":6,"integrity":"sha512-xMx5Gqw97iG4u7C0qGtF0EhHfaX6GTaWROWRmmcxi6B/Vlh8Z2thHQXNgf0dMspcLYSPrXSxcibYQHkJNN9HUg==","signatures":[{"sig":"MEUCICIwFdPc+z40pcd9QVnwm1HWYJOQbfdWoQOvSYoDnOBTAiEAo3mbQ7vzWncKqbZZAiJFnqi+A+JVcG7O8bca9Ei5BEQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":67485},"type":"module","_from":"file:aioproductoscom-mcp-studio-0.2.0.tgz","engines":{"node":">=18"},"mcpName":"com.aioproductos/mcp-studio","scripts":{"build":"tsc","start":"node dist/index.js"},"_npmUser":{"name":"aioproductoscom","email":"office@aioproductos.com"},"_resolved":"/private/var/folders/cx/wnslfs_s3wz2h2m8p_1xb06c0000gn/T/9cf16746f4bba420637ab417ab57e9b3/aioproductoscom-mcp-studio-0.2.0.tgz","_integrity":"sha512-xMx5Gqw97iG4u7C0qGtF0EhHfaX6GTaWROWRmmcxi6B/Vlh8Z2thHQXNgf0dMspcLYSPrXSxcibYQHkJNN9HUg==","repository":{"url":"git+https://github.com/AIOProductOS/studio-mcp.git","type":"git"},"_npmVersion":"11.12.1","description":"AIOProductOS Studio — an MCP server that turns your AI host into a product videographer: scripted screen recordings of YOUR web app with a smooth on-screen cursor, camera zooms, highlight callouts, caption cards, branded transitions, and marketing-grade s","directories":{},"_nodeVersion":"25.9.0","dependencies":{"zod":"^3.23.8","playwright":"^1.48.0","@modelcontextprotocol/sdk":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.6.0","@types/node":"^22.7.0"},"_npmOperationalInternal":{"tmp":"tmp/mcp-studio_0.2.0_1783856202555_0.7263813522265261","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"@aioproductoscom/mcp-studio","version":"0.2.1","keywords":["mcp","model-context-protocol","screen-recording","product-demo","demo-video","screenshots","playwright","marketing-video","explainer-video","product-management","aioproductos"],"author":{"name":"AIOProductOS Inc."},"license":"MIT","_id":"@aioproductoscom/mcp-studio@0.2.1","maintainers":[{"name":"aioproductoscom","email":"office@aioproductos.com"}],"homepage":"https://aioproductos.com/mcp","bugs":{"url":"https://github.com/AIOProductOS/studio-mcp/issues"},"bin":{"productos-studio":"dist/index.js"},"dist":{"shasum":"d1653bdc2dc3af3f21d86d27f974b39b6a9a6dc4","tarball":"https://registry.npmjs.org/@aioproductoscom/mcp-studio/-/mcp-studio-0.2.1.tgz","fileCount":6,"integrity":"sha512-l5XeKjC5pIH6gBSUlOmWQpOPpD5WXFqsrf/AiuHhkQJp+84gsmPDs3SvCBNlxkeQE9TOQ1OBB8AbX4Jnqy2fqQ==","signatures":[{"sig":"MEYCIQDpSS8Cs0R3PieZxzNC3J1djXRkXb/PAFfJstEPPtXfDwIhAKCDt5vlOLSPBgFlhMJRdSGIREI51V/Ta21xyVFYHEaR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":70362},"type":"module","_from":"file:aioproductoscom-mcp-studio-0.2.1.tgz","engines":{"node":">=18"},"mcpName":"com.aioproductos/mcp-studio","scripts":{"build":"tsc","start":"node dist/index.js"},"_npmUser":{"name":"aioproductoscom","email":"office@aioproductos.com"},"_resolved":"/private/var/folders/cx/wnslfs_s3wz2h2m8p_1xb06c0000gn/T/b89178d71c59d95c6e27d24d3c528379/aioproductoscom-mcp-studio-0.2.1.tgz","_integrity":"sha512-l5XeKjC5pIH6gBSUlOmWQpOPpD5WXFqsrf/AiuHhkQJp+84gsmPDs3SvCBNlxkeQE9TOQ1OBB8AbX4Jnqy2fqQ==","repository":{"url":"git+https://github.com/AIOProductOS/studio-mcp.git","type":"git"},"_npmVersion":"11.12.1","description":"AIOProductOS Studio — an MCP server that turns your AI host into a product videographer: scripted screen recordings of YOUR web app with a smooth on-screen cursor, camera zooms, highlight callouts, caption cards, branded transitions, and marketing-grade s","directories":{},"_nodeVersion":"25.9.0","dependencies":{"zod":"^3.23.8","playwright":"^1.48.0","@modelcontextprotocol/sdk":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.6.0","@types/node":"^22.7.0"},"_npmOperationalInternal":{"tmp":"tmp/mcp-studio_0.2.1_1783888123184_0.20831493526974687","host":"s3://npm-registry-packages-npm-production"}},"0.2.2":{"name":"@aioproductoscom/mcp-studio","version":"0.2.2","keywords":["mcp","model-context-protocol","screen-recording","product-demo","demo-video","screenshots","playwright","marketing-video","explainer-video","product-management","aioproductos"],"author":{"name":"AIOProductOS Inc."},"license":"MIT","_id":"@aioproductoscom/mcp-studio@0.2.2","maintainers":[{"name":"aioproductoscom","email":"office@aioproductos.com"}],"homepage":"https://aioproductos.com/mcp","bugs":{"url":"https://github.com/AIOProductOS/studio-mcp/issues"},"bin":{"productos-studio":"dist/index.js"},"dist":{"shasum":"1e450e298bf51ebf5803bc10c45f3a376adce174","tarball":"https://registry.npmjs.org/@aioproductoscom/mcp-studio/-/mcp-studio-0.2.2.tgz","fileCount":6,"integrity":"sha512-INgDvNHhW6zIkPWune6WOXFJVWMVHkE6W2nJx2Ma5i2lftPkLfKiqk4kBtlh06Fu+pFZkvwAWVui6TcAO500yw==","signatures":[{"sig":"MEYCIQDMALkV4deoTJ17/nH21hvPjdyYK3yVXJZS8/HIAs3FAQIhALtSUsDK8/u52N+p1l6ZIEhUzTx194BLrAcJVm74Ws1q","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":70402},"type":"module","engines":{"node":">=18"},"gitHead":"817840bf34f24767f2868cbd690853ce4e2c3cd2","mcpName":"com.aioproductos/mcp-studio","scripts":{"build":"tsc","start":"node dist/index.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"aioproductoscom","email":"office@aioproductos.com"},"repository":{"url":"git+https://github.com/AIOProductOS/studio-mcp.git","type":"git"},"_npmVersion":"11.12.1","description":"AIOProductOS Studio — an MCP server that turns your AI host into a product videographer: scripted screen recordings of YOUR web app with a smooth on-screen cursor, camera zooms, highlight callouts, caption cards, branded transitions, and marketing-grade s","directories":{},"_nodeVersion":"25.9.0","dependencies":{"zod":"^3.23.8","playwright":"^1.48.0","@modelcontextprotocol/sdk":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.6.0","@types/node":"^22.7.0"},"_npmOperationalInternal":{"tmp":"tmp/mcp-studio_0.2.2_1784274460917_0.1490743867708091","host":"s3://npm-registry-packages-npm-production"}},"0.2.3":{"name":"@aioproductoscom/mcp-studio","version":"0.2.3","mcpName":"com.aioproductos/mcp-studio","description":"AIOProductOS Studio — an MCP server that turns your AI host into a product videographer: scripted screen recordings of YOUR web app with a smooth on-screen cursor, camera zooms, highlight callouts, caption cards, branded transitions, and marketing-grade s","type":"module","license":"MIT","author":{"name":"AIOProductOS Inc."},"homepage":"https://aioproductos.com/mcp","repository":{"type":"git","url":"git+https://github.com/AIOProductOS/studio-mcp.git"},"bugs":{"url":"https://github.com/AIOProductOS/studio-mcp/issues"},"keywords":["mcp","model-context-protocol","screen-recording","product-demo","demo-video","screenshots","playwright","marketing-video","explainer-video","product-management","aioproductos"],"bin":{"productos-studio":"dist/index.js"},"engines":{"node":">=18"},"publishConfig":{"access":"public"},"scripts":{"build":"tsc","prepublishOnly":"npm run build","start":"node dist/index.js"},"dependencies":{"@modelcontextprotocol/sdk":"^1.0.0","playwright":"^1.48.0","zod":"^3.23.8"},"devDependencies":{"@types/node":"^22.7.0","typescript":"^5.6.0"},"gitHead":"817840bf34f24767f2868cbd690853ce4e2c3cd2","_id":"@aioproductoscom/mcp-studio@0.2.3","_nodeVersion":"25.9.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-Mn+HkypF3g9LkIaG/C1+zSeaLcZZ2OlXurkO6EOJdXbzIjPhaMOO2VW0ajbPkk537KNUX0mHhiafgAtH+Xrmyw==","shasum":"a754438b8403a6b283c9f712ef3af32da1b75f0a","tarball":"https://registry.npmjs.org/@aioproductoscom/mcp-studio/-/mcp-studio-0.2.3.tgz","fileCount":6,"unpackedSize":70402,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC9LOPEuFJfIlrjEE7mDpEl6EBYg9wxhCRhbM9mjdGqugIhAI++QjbhSUvQ4ODwwu+u89mvojTVZqHxlgdyDRB8QCCs"}]},"_npmUser":{"name":"aioproductoscom","email":"office@aioproductos.com"},"directories":{},"maintainers":[{"name":"aioproductoscom","email":"office@aioproductos.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mcp-studio_0.2.3_1784274478667_0.8206417927395526"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-11T11:22:11.799Z","modified":"2026-07-17T07:47:58.923Z","0.1.0":"2026-07-11T11:22:12.105Z","0.2.0":"2026-07-12T11:36:42.719Z","0.2.1":"2026-07-12T20:28:43.316Z","0.2.2":"2026-07-17T07:47:41.058Z","0.2.3":"2026-07-17T07:47:58.789Z"},"bugs":{"url":"https://github.com/AIOProductOS/studio-mcp/issues"},"author":{"name":"AIOProductOS Inc."},"license":"MIT","homepage":"https://aioproductos.com/mcp","keywords":["mcp","model-context-protocol","screen-recording","product-demo","demo-video","screenshots","playwright","marketing-video","explainer-video","product-management","aioproductos"],"repository":{"type":"git","url":"git+https://github.com/AIOProductOS/studio-mcp.git"},"description":"AIOProductOS Studio — an MCP server that turns your AI host into a product videographer: scripted screen recordings of YOUR web app with a smooth on-screen cursor, camera zooms, highlight callouts, caption cards, branded transitions, and marketing-grade s","maintainers":[{"name":"aioproductoscom","email":"office@aioproductos.com"}],"readme":"# AIOProductOS Studio · MCP\n\nYour AI teammate becomes your **product videographer**. Studio is an MCP server\nthat records scripted walkthroughs of **your own web app** — a visible cursor\nthat glides to every click, camera punch-ins, highlight callouts, storyline\ncaptions, designed scene transitions — and takes marketing-grade screenshots.\nTell your AI host what story to shoot; get back a share-ready MP4.\n\nThe videos PMs hate making — demo clips, explainers, changelog GIFs, launch\nscreenshots — become one prompt.\n\n**Free · MIT · runs 100% locally** (your browser, your URLs, your logged-in\nsession — nothing is uploaded anywhere). By [AIOProductOS](https://aioproductos.com),\nbuilt from the same pipeline we use for our own launch videos.\n\n## Install\n\n```bash\n# Claude Code\nclaude mcp add studio -- npx -y @aioproductoscom/mcp-studio\n\n# Cursor / Codex — .mcp.json\n{ \"mcpServers\": { \"studio\": { \"command\": \"npx\", \"args\": [\"-y\", \"@aioproductoscom/mcp-studio\"] } } }\n```\n\nRequirements: Node 18+, Playwright Chromium (`npx playwright install chromium`,\none-time), and ffmpeg on PATH for MP4/GIF export (`brew install ffmpeg` — without\nit you still get the raw WebM).\n\n## Use\n\nThen just direct the film:\n\n> \"Record a 30-second walkthrough of https://app.example.com — theme it to our\n> brand (#0d1117 bg, #f97316 accent), open on the dashboard with the title\n> 'Meet Example', caption the three key features, zoom in on the analytics\n> chart, and end with 'Start free · example.com'. Also grab a hero screenshot.\"\n\nYour host runs the shoot tool by tool; files land in `./studio-output/`.\n\n## The tools\n\n| Tool | What it does |\n|---|---|\n| `studio_start` | open a themed recording browser (viewport, brand colors, logged-in state) |\n| `studio_goto` | navigate behind a designed title card — no loading flashes on tape |\n| `studio_click` / `studio_type` | cursor glides to the target; typing is human-paced |\n| `studio_scroll` | cubic-eased scroll, never a jump cut |\n| `studio_caption` | bottom-left storyline caption — also the spoken voice-over script |\n| `studio_narrate` | record a spoken line with **no** on-screen caption (narration over action) |\n| `studio_highlight` | accent ring + label callout around any element or visible text |\n| `studio_zoom` | smooth camera punch-in on a metric, button, or result |\n| `studio_hold` | hold the shot (micro-drift keeps frames flowing) |\n| `studio_end_card` | closing glass card: title, subtitle, CTA URL |\n| `studio_screenshot` | high-DPI PNG of the frame, an element, or the full page |\n| `studio_finish` | stop, auto-remove dark frames, export MP4 — plus voice-over, subtitles, music, social crops, GIF |\n| `studio_cancel` | abandon the take |\n\n## Sound & social (v0.2)\n\nYour captions are the script. `studio_finish` turns them into a finished, shareable cut:\n\n```jsonc\nstudio_finish({\n  name: \"onboarding\",\n  voiceover: true,          // narrate the caption lines with a LOCAL voice — no cloud, no API key\n  voice: \"Samantha\",        // any installed system voice (optional)\n  subtitles: \"srt\",         // \".srt\" sidecar from the captions · \"burn\" to render them in-frame\n  music: \"./bed.mp3\",       // optional local music bed, ducked under the narration\n  aspects: [\"9:16\", \"1:1\"], // extra Reels/TikTok/feed crops beside the 16:9 master\n  gif: true,\n})\n```\n\n**Voice-over is 100% local and offline** — it uses macOS `say`, [piper](https://github.com/rhasspy/piper)\n(set `STUDIO_PIPER_MODEL` to a downloaded `.onnx` voice), or `espeak-ng`, whichever it finds. No account,\nno key, nothing uploaded. No engine on the machine → the video is simply silent (with a hint how to enable it).\nNarration timing is auto-corrected for the frames the dark-frame trimmer removes, so speech stays in sync.\n\n## Recording logged-in areas\n\nStudio never sees your credentials. Save a [Playwright storageState](https://playwright.dev/docs/auth)\nonce (`npx playwright codegen --save-storage=auth.json https://app.example.com`),\nthen pass `storage_state_path: \"auth.json\"` to `studio_start`.\n\n## Keeping junk off the tape\n\n- **Cookie banner?** Pass your consent cookie via `cookies` so it never mounts.\n- **Chat bubble / dev overlay?** List selectors in `hide_selectors` — hidden from frame 1.\n- **Wrong flash color on page loads?** Set `theme.bg` to your app's real background.\n\n## Why it looks good (the hard-won part)\n\nNo white flash on page commits (the theme background paints before any page CSS),\nno black frames (navigations hide behind designed title cards, and residual dark\nframes are detected and cut deterministically with ffmpeg), no stutter (every\ncamera move is compositor-friendly easing), and action that reads on camera\n(a visible cursor glides to every target before it acts).\n\n## Links\n\n- **Website:** [aioproductos.com](https://aioproductos.com)\n- **The product behind it:** [AIOProductOS](https://platform.aioproductos.com) — the product OS that joins feedback, revenue, work, and code on one customer record. Studio is free; it's how our own launch videos get made.\n- **Our other MCPs:** [`@aioproductoscom/mcp`](https://www.npmjs.com/package/@aioproductoscom/mcp) (the workspace connector) · [`@aioproductoscom/mcp-agent`](https://www.npmjs.com/package/@aioproductoscom/mcp-agent) (assignable coding teammate)\n- **Support:** [office@aioproductos.com](mailto:office@aioproductos.com) — a human founder answers every email.\n\nMIT © AIOProductOS Inc.\n","readmeFilename":"README.md"}