VisualSpec MCP Server
by utkarshx27io.github.utkarshx27/visualspecv0.1.0
Structured, constraint-aware visual generation and deterministic layout for AI agents
context tax
queued
security
queued
cold start
queued
freshness
Active30d ago
Install VisualSpec MCP server
Install in Claude Code
claude mcp add visualspec -e OPENAI_API_KEY='<openai-api-key>' -e GEMINI_API_KEY='<gemini-api-key>' -- npx -y @utkarshx27/visualspecInstall in Cursor
{
"mcpServers": {
"visualspec": {
"command": "npx",
"args": [
"-y",
"@utkarshx27/visualspec"
],
"env": {
"OPENAI_API_KEY": "<openai-api-key>",
"GEMINI_API_KEY": "<gemini-api-key>"
}
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).
Install in Claude Desktop
{
"mcpServers": {
"visualspec": {
"command": "npx",
"args": [
"-y",
"@utkarshx27/visualspec"
],
"env": {
"OPENAI_API_KEY": "<openai-api-key>",
"GEMINI_API_KEY": "<gemini-api-key>"
}
}
}
}Settings → Developer → Edit Config (claude_desktop_config.json), then restart.
Install in VS Code
{
"servers": {
"visualspec": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@utkarshx27/visualspec"
],
"env": {
"OPENAI_API_KEY": "<openai-api-key>",
"GEMINI_API_KEY": "<gemini-api-key>"
}
}
}
}Add to .vscode/mcp.json in your workspace.
Install in Windsurf
{
"mcpServers": {
"visualspec": {
"command": "npx",
"args": [
"-y",
"@utkarshx27/visualspec"
],
"env": {
"OPENAI_API_KEY": "<openai-api-key>",
"GEMINI_API_KEY": "<gemini-api-key>"
}
}
}
}Add to ~/.codeium/windsurf/mcp_config.json.
Configuration
| Variable | Required | Secret | Description |
|---|---|---|---|
| OPENAI_API_KEY | — | yes | Optional API key for OpenAI image generation |
| GEMINI_API_KEY | — | yes | Optional API key for Google Gemini image generation |
Freshness
Active — last maintenance signal 30d ago. The newest of the signals below sets the band.
Last commit (default branch)
2026-09-10 · 30d ago · GitHub
Latest release
no data · GitHub
Package published
no data · npm/PyPI
Registry entry updated
2026-09-10 · 30d ago · official registry · v0.1.0
FAQ
›How do I install the VisualSpec MCP server in Claude Code?
Run: claude mcp add visualspec -e OPENAI_API_KEY='<openai-api-key>' -e GEMINI_API_KEY='<gemini-api-key>' -- npx -y @utkarshx27/visualspec. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.
›Does VisualSpec require an API key?
Yes. It expects OPENAI_API_KEY, GEMINI_API_KEY, of which 2 are secrets.
›Can I use VisualSpec as a remote (hosted) MCP server?
No hosted endpoint is published; it runs locally over stdio.
›Is VisualSpec in the official MCP registry?
Yes, as io.github.utkarshx27/visualspec.