Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Description from the maker (original English)
Turn your AI host into a product videographer: scripted app demos, voice-over, captions, MP4/GIF.
These three are never merged into one score: opinions, measurements and popularity are different things.
We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.
Pick the AI app you use, then copy the settings.
You need
Which app do you use?
Pick your app above. We remember it, so next time the button says “Install in …”.
Open Claude Desktop → Settings → Developer → Edit Config, and paste this into claude_desktop_config.json
{
"mcpServers": {
"studio": {
"command": "npx",
"args": [
"-y",
"@aioproductoscom/mcp-studio"
]
}
}
}Run this in your terminal
claude mcp add studio -- npx -y @aioproductoscom/mcp-studioPaste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"studio": {
"command": "npx",
"args": [
"-y",
"@aioproductoscom/mcp-studio"
]
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
Paste into .vscode/mcp.json in your project
{
"servers": {
"studio": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@aioproductoscom/mcp-studio"
]
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
This one runs on your computer, and ChatGPT can only connect to servers on the internet. Pick another app.
Your choice stays on this device in a cookie; no account needed.
These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
Runs on your computer; the tool list appears in your AI app after you install it.
We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 7, 2026
The registry name was verified against the domain aioproductos.com (the registry checks domain ownership)
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
This one runs on your computer; there is no internet endpoint
Runs on your computer and uses local settings instead
Runs on your computer; we can only read tool lists from internet endpoints
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 1 of 1 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.
The registry does not list a required key, though some servers ask you to sign in on first use.
It runs on your computer. Your AI app starts it when needed, and data does not pass through the maker’s servers (unless it calls an online service itself).
The GitHub repo last changed –, and the latest version (0.2.3) reached the registry 4 months ago.
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. You also need Node.js on your computer.
In the same category: Spec Driven Development, Remote Desktop Commander, Agent Data Tools: Utilities
Servers in the same category from other makers, sorted by stars.
Reading a card:★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
103 tools: JSON repair, CSV, hashes, cron, dates, units, validators. 25 free calls.
Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.
Your AI teammate becomes your product videographer. Studio is an MCP server that records scripted walkthroughs of your own web app — a visible cursor that glides to every click, camera punch-ins, highlight callouts, storyline captions, designed scene transitions — and takes marketing-grade screenshots. Tell your AI host what story to shoot; get back a share-ready MP4.
The videos PMs hate making — demo clips, explainers, changelog GIFs, launch screenshots — become one prompt.
Free · MIT · runs 100% locally (your browser, your URLs, your logged-in session — nothing is uploaded anywhere). By AIOProductOS, built from the same pipeline we use for our own launch videos.
# Claude Code
claude mcp add studio -- npx -y @aioproductoscom/mcp-studio
{ "mcpServers": { "studio": { "command": "npx", "args": ["-y", "@aioproductoscom/mcp-studio"] } } }
Requirements: Node 18+, Playwright Chromium (npx playwright install chromium, one-time), and ffmpeg on PATH for MP4/GIF export (brew install ffmpeg — without it you still get the raw WebM).
Then just direct the film:
"Record a 30-second walkthrough of https://app.example.com — theme it to our
brand (#0d1117 bg, #f97316 accent), open on the dashboard with the title
'Meet Example', caption the three key features, zoom in on the analytics
chart, and end with 'Start free · example.com'. Also grab a hero screenshot."
Your host runs the shoot tool by tool; files land in ./studio-output/.
| Tool | What it does |
|---|---|
studio_start | open a themed recording browser (viewport, brand colors, logged-in state) |
studio_goto | navigate behind a designed title card — no loading flashes on tape |
studio_click / studio_type | cursor glides to the target; typing is human-paced |
studio_scroll | cubic-eased scroll, never a jump cut |
studio_caption | bottom-left storyline caption (the "voiceover" in text) |
studio_narrate | spoken voice-over with NO on-screen caption; holds the shot under the line |
studio_highlight | accent ring + label callout around any element or visible text |
studio_zoom | smooth camera punch-in on a metric, button, or result |
studio_hold | hold the shot (micro-drift keeps frames flowing) |
studio_end_card | closing glass card: title, subtitle, CTA URL |
studio_screenshot | high-DPI PNG of the frame, an element, or the full page |
studio_finish | stop, auto-remove dark frames, export MP4 (+ optional GIF) |
studio_cancel | abandon the take |
Studio never sees your credentials. Save a Playwright storageState once (npx playwright codegen --save-storage=auth.json https://app.example.com), then pass storage_state_path: "auth.json" to studio_start.
cookies so it never mounts.hide_selectors — hidden from frame 1.theme.bg to your app's real background.No white flash on page commits (the theme background paints before any page CSS), no black frames (navigations hide behind designed title cards, and residual dark frames are detected and cut deterministically with ffmpeg), no stutter (every camera move is compositor-friendly easing), and action that reads on camera (a visible cursor glides to every target before it acts).
@aioproductoscom/mcp (the workspace connector) · @aioproductoscom/mcp-agent (assignable coding teammate)MIT © AIOProductOS Inc.