Skip to content
Claude Code

VisualSpec for Claude Code

io.github.utkarshx27/visualspec

Structured, constraint-aware visual generation and deterministic layout for AI agents

client:Claude Code transport:stdio runtime:npm

Install VisualSpec in Claude Code

run in your project directory

Held in this page only — never stored, logged, or sent anywhere but back to your screen.

claude mcp add visualspec -e OPENAI_API_KEY=<OPENAI_API_KEY> -e GEMINI_API_KEY=<GEMINI_API_KEY> -- npx -y @utkarshx27/visualspec

Adds it for this project only. Append --scope user to make it available everywhere. Claude Code docs

VisualSpec in other clients