VisualSpec MCP : reliable text and layout for AI-generated graphics

AI image models are great at generating visuals, but they still struggle with exact text, typography, and layout.

I built VisualSpec, an open-source tool that separates these jobs:

  • AI generates the image/background
  • SVG/code renders the exact text and layout
  • Visual QA checks margins, dimensions, and layout issues
  • MCP lets Cursor use VisualSpec directly

Demo :backhand_index_pointing_down:

demo

Run it:

npx @utkarshx27/visualspec mcp

GitHub:

npm:

I’m looking for feedback from Cursor/MCP developers, and I’d also love contributors interested in TypeScript, AI image generation, templates, and visual QA.

Would love to know what you think or what you would want VisualSpec to support next.