Your next design.
Already in context.
Give your AI assistant a better starting point. Bring Visualmodo templates, typography, and colors straight into the tools where you build.
Claude Code
CodexYour workflow. Your choice.
Less searching. More making.
Good references make better beginnings.
Keep the conversation moving, with real design resources your assistant can actually read.
Find the direction
Ask for a website template, a typeface, or a color. Search the published catalog from your assistant.
Bring the details
Read the available prompt, see the type choices, and get the exact colors saved with a template.
Make it your own
Let your coding assistant adapt the reference to your project, with your framework and design rules in place.
A little less abstract
Meet your new design connection.
Try a real catalog search here. These are the same tools your assistant can use through MCP.
Choose a catalog and run a search. No AI generation, credits, or API key needed.
Set up once. Keep creating.
Your tools.
Now with Visualmodo.
Choose your client, add the connection, and ask your assistant to find your next starting point.
The current connection provides public resources and available free prompts. Original source packages and premium prompts keep their existing restrictions.
claude mcp add --transport http visualmodo https://app.visualmodo.com/api/mcpRun this in your project, then open /mcp in Claude Code and confirm Visualmodo is connected.
Client documentationhttps://app.visualmodo.com/api/mcpSmall tools. Useful possibilities.
Know what is connected.
Seven focused tools, plus a workflow prompt and a guide. All grounded in the public Visualmodo catalog.
search_templatesSearch published templates by keyword, category, and access.
get_templateGet the preview, typography, stored colors, and template details.
get_template_promptRead an available free prompt to use in your own project.
search_fontsSearch the Google Fonts and Fontshare catalogs.
get_fontLook up a font family, its styles, source, and catalog link.
search_colorsFind catalog colors by name, HEX value, or color family.
get_colorResolve HEX, RGB, HSL, and a link for an individual color.
A few things to know
Questions?
Start here.
A clear connection, with clear boundaries.
What is the Visualmodo MCP server?
It connects your AI coding assistant to Visualmodo's published design catalog using the Model Context Protocol. Your assistant can search website templates, read available free prompts, and look up typography and colors without leaving your workflow.
Which assistants can connect?
Use a client that supports remote MCP over Streamable HTTP. This page includes configurations for Claude Code, Codex, Cursor, and VS Code. Other compatible clients can connect with the same server URL; availability and setup depend on the client.
Do I need an API key or a paid Visualmodo plan?
The current public catalog connection does not require a Visualmodo API key or sign-in. It returns public design information and available free template prompts. Premium prompts and original source packages remain subject to their existing access restrictions. Your assistant provider may have its own subscription requirements.
Can it build or edit my website?
Visualmodo supplies design context and available prompts. Your coding assistant uses those resources to write or change your project, with your approval and within its own capabilities. The MCP server itself does not edit files, deploy sites, or call an AI model.
Does it include a template's original source code?
No. A template prompt describes how to recreate a design; it is different from the original source package. The MCP does not provide private downloads or bypass template access rules.
Are the template colors and fonts accurate?
Template details include the typography and preview colors saved with that template when available. Preview colors are extracted during submission and stored, so they do not need to be processed again for each request. Font and color tools also link back to individual Visualmodo catalog pages.
Can it access my saved Libraries or account?
This connection reads the public catalog only. It does not access private Libraries, projects, account information, payment details, or saved items, and it cannot make changes to your Visualmodo data.
How do I check the connection?
Use Test connection in the setup section to check this server's protocol handshake and tool discovery. Then confirm Visualmodo is enabled inside your assistant and ask it to list the available Visualmodo tools.
From inspiration to implementation