Koskamo

VisualSpec MCP

VisualSpec provides deterministic visual generation for AI agents by separating generative concerns from deterministic layout. It uses a structured YAML specification to guarantee exact typography, safe margins, and brand constraints, while AI models handle imagery. The server supports Visual QA and targeted repair to ensure final assets meet strict design invariants.

Package and access

Local package with source-attributed installation metadata. Koskamo does not execute packages during review.

VisualSpec MCP logo, by utkarshx27Community listingLocal stdioSource reviewed; not executedPublished by utkarshx27
Vendor documentation

What you can do with it

  • Generate social media graphics with exact typography
  • Create marketing assets with brand color constraints
  • Ensure deterministic layout for AI-generated images
  • Validate visual specs against design rules

Source and maintenance

Community listingRegistry 0.1.0
Maintenance checked

Packages and installation

Source-provided package data. Koskamo has not executed or live-probed this package.

@utkarshx27/visualspec 0.1.0

npm
@utkarshx27/visualspec package definition
{
  "version": "0.1.0",
  "transport": "stdio",
  "identifier": "@utkarshx27/visualspec",
  "registryType": "npm",
  "environmentVariables": [
    {
      "name": "OPENAI_API_KEY",
      "description": "Optional API key for OpenAI image generation"
    },
    {
      "name": "GEMINI_API_KEY",
      "description": "Optional API key for Google Gemini image generation"
    }
  ]
}

Tools

Reported by the attributed source; not independently observed by Koskamo.

No tool definitions available.

Connect from your client

Each snippet configures the same source-provided package; replace placeholders before use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Cursor

Merge this local stdio configuration, replace every placeholder environment value, and restart Cursor. Koskamo has not executed this package.
Cursor configuration
{
  "mcpServers": {
    "visualspec-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@utkarshx27/visualspec@0.1.0"
      ],
      "env": {
        "OPENAI_API_KEY": "<YOUR_OPENAI_API_KEY>",
        "GEMINI_API_KEY": "<YOUR_GEMINI_API_KEY>"
      }
    }
  }
}

Cline

Merge this local stdio configuration, replace every placeholder environment value, and restart Cline. Koskamo has not executed this package.
Cline configuration
{
  "mcpServers": {
    "visualspec-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@utkarshx27/visualspec@0.1.0"
      ],
      "env": {
        "OPENAI_API_KEY": "<YOUR_OPENAI_API_KEY>",
        "GEMINI_API_KEY": "<YOUR_GEMINI_API_KEY>"
      }
    }
  }
}

VS Code

Merge this local stdio configuration, replace every placeholder environment value, and restart VS Code. Koskamo has not executed this package.
VS Code configuration
{
  "servers": {
    "visualspec-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@utkarshx27/visualspec@0.1.0"
      ],
      "env": {
        "OPENAI_API_KEY": "<YOUR_OPENAI_API_KEY>",
        "GEMINI_API_KEY": "<YOUR_GEMINI_API_KEY>"
      }
    }
  }
}

Claude Desktop

Merge this local stdio configuration, replace every placeholder environment value, and restart Claude Desktop. Koskamo has not executed this package.
Claude Desktop configuration
{
  "mcpServers": {
    "visualspec-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@utkarshx27/visualspec@0.1.0"
      ],
      "env": {
        "OPENAI_API_KEY": "<YOUR_OPENAI_API_KEY>",
        "GEMINI_API_KEY": "<YOUR_GEMINI_API_KEY>"
      }
    }
  }
}

Let your agent find its tools

Find servers like VisualSpec MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.