Turn YouTube product demos into structured UX flow reports, and compare demos side by side.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add flowscope-ux-flow-analyser --env FLOWSCOPE_API_TOKEN='<FLOWSCOPE_API_TOKEN>' -- uvx flowscope-mcp~/.codex/config.toml
[mcp_servers.flowscope-ux-flow-analyser]
command = "uvx"
args = ["flowscope-mcp"]
env = { FLOWSCOPE_API_TOKEN = "<FLOWSCOPE_API_TOKEN>" }
# codex mcp add flowscope-ux-flow-analyser --env FLOWSCOPE_API_TOKEN='<FLOWSCOPE_API_TOKEN>' -- uvx flowscope-mcp~/.cursor/mcp.json
{
"mcpServers": {
"flowscope-ux-flow-analyser": {
"command": "uvx",
"args": [
"flowscope-mcp"
],
"env": {
"FLOWSCOPE_API_TOKEN": "<FLOWSCOPE_API_TOKEN>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"flowscope-ux-flow-analyser": {
"type": "stdio",
"command": "uvx",
"args": [
"flowscope-mcp"
],
"env": {
"FLOWSCOPE_API_TOKEN": "<FLOWSCOPE_API_TOKEN>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"flowscope-ux-flow-analyser": {
"command": "uvx",
"args": [
"flowscope-mcp"
],
"env": {
"FLOWSCOPE_API_TOKEN": "<FLOWSCOPE_API_TOKEN>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"flowscope-ux-flow-analyser": {
"command": "uvx",
"args": [
"flowscope-mcp"
],
"env": {
"FLOWSCOPE_API_TOKEN": "<FLOWSCOPE_API_TOKEN>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"flowscope-ux-flow-analyser": {
"command": "uvx",
"args": [
"flowscope-mcp"
],
"env": {
"FLOWSCOPE_API_TOKEN": "<FLOWSCOPE_API_TOKEN>"
}
}
}
}Environment variables
FLOWSCOPE_API_TOKEN
Replace the placeholders with your own credentials and keep them out of version control.