Zaai Dev MCP
Zaai Dev is a visual context layer for AI coding agents that captures browser content and serves it as structured context via an MCP server. It allows agents like Cursor and Claude Code to access design references, briefs, and UI states without manual screenshot pasting, supporting modes like viewport, element, recording, and 3D render.
Package and access
Local package with source-attributed installation metadata. Koskamo does not execute packages during review.
What you can do with it
- Capture browser viewports, elements, or regions for AI agents
- Serve structured design context and briefs to MCP-compatible clients
- Connect Cursor, Claude Code, or VS Code to Zaai Dev workspace
- Share visual context and approvals with teams and agents
Source and maintenance
- Maintenance checked
Packages and installation
Source-provided package data. Koskamo has not executed or live-probed this package.
@zaai-dev/mcp 0.6.2
{
"version": "0.6.2",
"transport": "stdio",
"identifier": "@zaai-dev/mcp",
"registryType": "npm",
"environmentVariables": [
{
"name": "ZAAI_API_TOKEN",
"isRequired": true,
"description": "Per-user MCP token, prefix zaai_mcp_. Mint at https://zaaidev.com/dev/settings/tokens (kind = mcp). Sent as Bearer auth on every workspace request; scopes the server to one user's captures and optionally a project allowlist."
},
{
"name": "ZAAI_API_URL",
"default": "https://zaaidev.com",
"description": "Workspace base URL. Defaults to https://zaaidev.com. Override only for local dev or staging."
}
]
}Tools
Reported by the attributed source; not independently observed by Koskamo.
Connect from your client
Each snippet configures the same source-provided package; replace placeholders before use.
Cursor
{
"mcpServers": {
"zaai-dev-mcp": {
"command": "npx",
"args": [
"-y",
"@zaai-dev/mcp@0.6.2"
],
"env": {
"ZAAI_API_TOKEN": "<YOUR_ZAAI_API_TOKEN>",
"ZAAI_API_URL": "<YOUR_ZAAI_API_URL>"
}
}
}
}Cline
{
"mcpServers": {
"zaai-dev-mcp": {
"command": "npx",
"args": [
"-y",
"@zaai-dev/mcp@0.6.2"
],
"env": {
"ZAAI_API_TOKEN": "<YOUR_ZAAI_API_TOKEN>",
"ZAAI_API_URL": "<YOUR_ZAAI_API_URL>"
}
}
}
}VS Code
{
"servers": {
"zaai-dev-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@zaai-dev/mcp@0.6.2"
],
"env": {
"ZAAI_API_TOKEN": "<YOUR_ZAAI_API_TOKEN>",
"ZAAI_API_URL": "<YOUR_ZAAI_API_URL>"
}
}
}
}Claude Desktop
{
"mcpServers": {
"zaai-dev-mcp": {
"command": "npx",
"args": [
"-y",
"@zaai-dev/mcp@0.6.2"
],
"env": {
"ZAAI_API_TOKEN": "<YOUR_ZAAI_API_TOKEN>",
"ZAAI_API_URL": "<YOUR_ZAAI_API_URL>"
}
}
}
}Let your agent find its tools
Find servers like Zaai Dev MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.