VisualSpec
Rank #25,095io.github.utkarshx27/visualspec
Structured, constraint-aware visual generation and deterministic layout for AI agents
VisualSpec is a Model Context Protocol (MCP) server published by utkarshx27. It ranks #25,095 of 137,492 servers tracked on MCP Toplist. VisualSpec is listed across 2 registries — Official MCP and Glama, with 1 tracked version. It was first listed on Sep 10, 2026 and most recently updated on Sep 10, 2026.
Ranks ahead of 112,397 of 137,492 servers on MCP Toplist.
Use VisualSpec
No credentials or required configuration declared — add it to your MCP client and go.
claude mcp add visualspec -e "OPENAI_API_KEY=<your OPENAI_API_KEY>" -e "GEMINI_API_KEY=<your GEMINI_API_KEY>" -- npx -y @utkarshx27/visualspecReplace each placeholder with your own value before saving.
[mcp_servers.visualspec]
command = "npx"
args = ["-y", "@utkarshx27/visualspec"]
[mcp_servers.visualspec.env]
OPENAI_API_KEY = "<your OPENAI_API_KEY>"
GEMINI_API_KEY = "<your GEMINI_API_KEY>"Add to ~/.codex/config.toml. Replace each placeholder with your own value before saving.
{
"mcpServers": {
"visualspec": {
"command": "npx",
"args": [
"-y",
"@utkarshx27/visualspec"
],
"env": {
"OPENAI_API_KEY": "<your OPENAI_API_KEY>",
"GEMINI_API_KEY": "<your GEMINI_API_KEY>"
}
}
}
}Add to claude_desktop_config.json (Settings → Developer → Edit Config). Replace each placeholder with your own value before saving.
{
"mcpServers": {
"visualspec": {
"command": "npx",
"args": [
"-y",
"@utkarshx27/visualspec"
],
"env": {
"OPENAI_API_KEY": "<your OPENAI_API_KEY>",
"GEMINI_API_KEY": "<your GEMINI_API_KEY>"
}
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project). Replace each placeholder with your own value before saving.
{
"servers": {
"visualspec": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@utkarshx27/visualspec"
],
"env": {
"OPENAI_API_KEY": "<your OPENAI_API_KEY>",
"GEMINI_API_KEY": "<your GEMINI_API_KEY>"
}
}
}
}Save as .vscode/mcp.json in your workspace. Replace each placeholder with your own value before saving.
{
"mcpServers": {
"visualspec": {
"command": "npx",
"args": [
"-y",
"@utkarshx27/visualspec"
],
"env": {
"OPENAI_API_KEY": "<your OPENAI_API_KEY>",
"GEMINI_API_KEY": "<your GEMINI_API_KEY>"
}
}
}
}Add to ~/.codeium/windsurf/mcp_config.json. Replace each placeholder with your own value before saving.
{
"mcpServers": {
"visualspec": {
"command": "npx",
"args": [
"-y",
"@utkarshx27/visualspec"
],
"env": {
"OPENAI_API_KEY": "<your OPENAI_API_KEY>",
"GEMINI_API_KEY": "<your GEMINI_API_KEY>"
}
}
}
}Replace each placeholder with your own value before saving.
Show your rank
Maintain this server? Add the live rank badge to your README — it updates automatically as the leaderboard changes.
[](https://mcptoplist.com/server/io.github.utkarshx27%2Fvisualspec)<a href="https://mcptoplist.com/server/io.github.utkarshx27%2Fvisualspec"><img src="https://mcptoplist.com/badge/io.github.utkarshx27%2Fvisualspec.svg" alt="MCP Toplist: Top 25% of 137,492" /></a>Variants: append ?metric=score or ?metric=stars to the image URL.
Listed on 2 registries
utkarshx27
Available versions (1)
| Version | Published |
|---|---|
| 0.1.0 | Sep 10, 2026 |
Frequently asked questions
- Who maintains VisualSpec?
- VisualSpec is maintained by utkarshx27, which publishes 1 MCP server (1 total version) tracked on MCP Toplist.
- Is VisualSpec listed on the Official MCP Registry?
- Yes — VisualSpec is listed on the Official MCP Registry, alongside Glama.
- How many versions does VisualSpec have?
- MCP Toplist tracks 1 version of VisualSpec, most recently published on Sep 10, 2026.
- Where can I find the source code for VisualSpec?
- The source code for VisualSpec is hosted at github.com/utkarshx27/visualspec.
Do you run this server?
Community projects list the MCP servers behind real agents and apps. Publish yours and this page will link to it.