VisualSpec
Structured, constraint-aware visual generation and deterministic layout for AI agents
MCP server · by utkarshx27
About
VisualSpec is an MCP server published by utkarshx27. Marketplaces we read that list it: 1 (Official MCP Registry). We first saw it on 2026-10-11 and have recorded no change since. As of our marketplace pass on 2026-10-14.
What it asks for
- Runs on your machine
- Secrets: 2
- Settings: 2
Requires: GEMINI_API_KEY (secret), OPENAI_API_KEY (secret)
What it declares, asks for and runs, in full
Only install plugins from developers you trust. We list what marketplaces publish and do not test plugins.
Package
npm @utkarshx27/visualspec (@utkarshx27/visualspec on npm)
- npm downloads/week: 29 (2026-10-12)
- npm downloads/month: 160 (2026-10-12)
- Latest version on npm: 0.1.0, published 2026-09-10
- Declared version 0.1.0 is not listed on npm
npm facts come from the public npm registry (registry.npmjs.org, api.npmjs.org). Each figure is the registry's own and is never added to another. A registry that publishes no figure shows none: no number is not zero.
Works with
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
From the marketplaces that list it and the MCP transport it declares, as each client documents them. We do not test plugins.
Connect
Commands and configs built only from what its marketplaces declare. We do not run them for you and do not test plugins.
As a local MCP server: npm package
Built from what Official MCP Registry declares.
claude mcp add --env "GEMINI_API_KEY=<YOUR_GEMINI_API_KEY>" --env "OPENAI_API_KEY=<YOUR_OPENAI_API_KEY>" --transport stdio visualspec -- npx -y @utkarshx27/visualspec[mcp_servers.visualspec]
command = "npx"
args = ["-y", "@utkarshx27/visualspec"]
[mcp_servers.visualspec.env]
GEMINI_API_KEY = "<YOUR_GEMINI_API_KEY>"
OPENAI_API_KEY = "<YOUR_OPENAI_API_KEY>"{
"mcpServers": {
"visualspec": {
"command": "npx",
"args": [
"-y",
"@utkarshx27/visualspec"
],
"env": {
"GEMINI_API_KEY": "<YOUR_GEMINI_API_KEY>",
"OPENAI_API_KEY": "<YOUR_OPENAI_API_KEY>"
}
}
}
}Replace the values in angle brackets with your own. We show the names of the settings, never values.
Where it is published
| Marketplace | Status | Version | Figures | Verified | First seen |
|---|---|---|---|---|---|
| Official MCP Registry (Open the registry record) | Listed | 0.1.0 | Downloads/month (npm): 160 Downloads/week (npm): 29 Forks (GitHub): 0 Stars (GitHub): 0 |
Not marked |
Each figure is the marketplace's own and is never added up across marketplaces. A marketplace that publishes no figure shows none: no number is not zero.
What changed
Nothing has moved on this plugin since we started watching it.
Similar plugins
Products whose own names, descriptions, tools and skills are closest in meaning to this one, on every marketplace we read. Closeness is ranked within this list only.
-
Design engine for AI agents: images at every size, no Chrome, 2× fewer tokens
-
mcp com.googleapis.design/mcp
Provides UX capabilities to enhance the design output and understanding of AI systems.
-
Design canvas for AI assets: generate images, video, code and screens, and edit canvases.
-
limner us.limner/limner
AI visual generation agent: multi-pipeline rendering, prompt crafting, and image composition.
-
studio io.kaitoi/studio
Build and run visual creative-production workflows from your AI agent.
-
draw2agent io.github.zero-abd/draw2agent
Draw on your website, let your AI agent see it. Visual context for code generation via MCP.
-
Agent-Native design tool - create and edit visual designs with agent assistance
-
Napkin AI visual generation MCP server for Model Context Protocol hosts
-
Local MCP canvas for Modellix image generation, editing, task recovery, and visual project work.
-
taste-bank io.github.QuasarG/taste-bank
Reusable visual design systems for AI coding agents — browse, fetch, and submit styles via MCP.
Similar plugins by marketplace
The same question asked of one marketplace at a time: is there an analog of this plugin there?
Has a listing on Claude Code: claude-plugins-community (5)
-
Any-to-any AI sub-agent — generate images, videos, PDFs, presentations, research reports, music, spreadsheets, 3D models, memes, diagrams, prototypes, game assets, and stickers…
-
AI media generation skill for the QuickDesign CLI. Seedance 2.0 R2V (universal default for UGC / talking-avatar / promo), Sora 2, Kling, Nano Banana 2 (multi-ref image edit…
-
runway-api-skills
These skills are designed to help implement Runway's API for you. Integrate image, video, audio, or even live talking characters easily with the Runway API.
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
Harness Designing Plugin helps design teams turn their scattered AI setup — Notion prompts, Figma comments, AGENTS.md rules, chat histories — into a five-layer design harness that…
Has a listing on Claude Code: claude-plugins-official (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Build multimodal AI applications with Pixeltable -- tables, computed columns, embedding search, UDFs, tool-calling agents, and 25+ AI provider integrations.
-
Video generation at scale. Generate videos, images, and audio with Runway's API — batch ad campaigns, product videos, multishot stories, and creative iteration. Supports…
-
Comprehensive development workflow for building AI agents with the Atomic Agents framework. Includes specialized agents for schema design, architecture planning, code review, and…
Has a listing on Claude: knowledge-work-plugins (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Build multimodal AI applications with Pixeltable -- tables, computed columns, embedding search, UDFs, tool-calling agents, and 25+ AI provider integrations.
-
AI-first project auditor and re-engineer based on the 9 design principles and 7 design patterns from the TechWolf AI-First Bootcamp
-
Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional…
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
Has a listing on Codex: openai-curated (openai/plugins) (5)
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Skills for NVIDIAs ecosystem spans GPU acceleration, CUDA, AI agents, inference, robotics, Physical AI, Omniverse, and simulation. This plugin helps you understand the pieces…
-
Generate images and videos from a text prompt or your own photo. Turn a product shot into a video ad, restyle a photo, animate a still, or build a two-minute narrated explainer…
-
Adobe unlocks more ways to create and get work done from the conversation. Previously available as Photoshop, the Adobe connector now brings creativity and productivity…
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
Has a listing on Community GitHub marketplaces (5)
-
Design engine for AI agents: images at every size, no Chrome, 2× fewer tokens
-
codesign ly.img/codesign
Local design engine for AI agents: create, edit and export real, editable designs.
-
designer-skill-mcp io.github.PyModel/designer-skill-mcp
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
Marketing media generation — image, video, voice — for AI agents. BYO keys.
Has a listing on Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Generate images using AI directly from your coding workflow. Supports OpenAI (gpt-image-2) and Google Gemini. BYO API key — the skill guides you through setup on first use.
-
Render diagrams, click nodes to drill down, and view agent-generated explanations directly in the canvas.
-
Draw simple diagrams in a Copilot canvas: shapes, arrows that stay attached, text and a freehand pen. Copilot can read, create and edit the same drawing, tidy its layout, and…
-
foundry-hosted-agent-copilotkit
Build CopilotKit + AG-UI web apps on Microsoft Foundry hosted agents (Microsoft Agent Framework): wiring, native Foundry primitives, human-in-the-loop approvals, azd deploy, and…
Has a listing on Copilot CLI: github/copilot-plugins (5)
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
model-apps
Build and deploy Power Apps generative pages for model-driven apps with specialist agents for planning, entity creation, and parallel code generation. Requires PAC CLI >= 2.7.0…
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
Has a listing on Cursor: cursor/plugins (5)
-
Generate presentations, documents, and webpages.
-
Iterative self-referential AI loops using the Ralph Wiggum technique.
-
Draw and export hand-drawn diagrams from chat.
-
Consult a stronger model before major decisions, when stuck, and before declaring done.
-
Build apps, scripts, and automations with the TypeScript SDK.
Has a listing on Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
Image generation server using EverArt's API.
-
AI image generation using Amazon Nova Canvas.
-
Discover and connect to a curated marketplace of MCP servers for extending AI agent capabilities.
-
Wayfound’s MCP server allows business users to govern, supervise, and improve AI Agents.
Has a listing on Official MCP Registry (5)
-
mcp com.googleapis.design/mcp
Provides UX capabilities to enhance the design output and understanding of AI systems.
-
Design canvas for AI assets: generate images, video, code and screens, and edit canvases.
-
limner us.limner/limner
AI visual generation agent: multi-pipeline rendering, prompt crafting, and image composition.
-
studio io.kaitoi/studio
Build and run visual creative-production workflows from your AI agent.
-
draw2agent io.github.zero-abd/draw2agent
Draw on your website, let your AI agent see it. Visual context for code generation via MCP.
Found by meaning, not by shared code or a shared repository: similar plugins stay separate products, and this is not a review or a recommendation.
Is this your plugin?
Add it to your projects and prove you maintain it with a file in its repository, a file on your domain or a DNS record. You get alerts when a marketplace lists it, drops it, changes its verified mark or what it asks for, and its remote endpoint goes on monitoring as a web service.
Data comes from the Official MCP Registry (registry.modelcontextprotocol.io), CC0 1.0. Figures come from our own regular passes over the marketplaces, last read on . We publish no contact details for plugin publishers.