VisualSpec for Claude Desktop
io.github.utkarshx27/visualspec
Structured, constraint-aware visual generation and deterministic layout for AI agents
client:Claude Desktop
transport:stdio
runtime:npm
Install VisualSpec in Claude Desktop
~/Library/Application Support/Claude/claude_desktop_config.json · windows: %APPDATA%\Claude\claude_desktop_config.json
{
"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 opens this file. Restart the app after saving. Claude Desktop docs