Visily UI Design MCP server

Visily MCP

Visily is an AI design canvas that turns text prompts, screenshots, URLs & more into UI designs that are as easy to edit as a Google Slide. The Visily MCP server brings those designs into your AI coding agent: point it at a Visily board or screen and your agent can find it, turn it into application code, or pull its theme tokens.

[!NOTE]

Access requirement. The Visily MCP works only on workspaces on a Pro or Business

plan where you are the workspace creator or have an editor license. Free workspaces and

viewer/guest roles are not supported. This is enforced on every request.

What you can do

board — whether the UI was AI-generated in Visily or hand-authored. The agent rebuilds semantic, responsive components (default stack: React + TypeScript + Tailwind v4 + shadcn/ui) instead of pasting a static export.

• Turn a Visily design into code. Generate production-ready code from a Visily screen or

("the board I was working on for the 4.6 release") and the agent returns a link to open it — without leaving your editor.

• Find a board or screen and get its link. Ask for a design by description

apply it to another app's styling.

• Apply a board's theme. Pull a board's design system as shadcn/Tailwind v4 tokens and

Install & connect

Authentication is OAuth — your client prompts you to sign in to Visily on first use. There are no API keys to manage.

The current Visily MCP server URL is:

https://app.visily.ai/api/mcp

Each platform's drop-in files live under plugins//.

Claude Code

claude plugin marketplace add visily-app/mcp-plugins
claude plugin install visily@visily

Then reload Claude Code and run /mcp → select visily → complete the OAuth sign-in. Full walkthrough: installation-guides/claude.md.

Cursor

Cursor 2.5+ packaged plugin — install from a local clone in the agent chat:

/add-plugin ./plugins/cursor

Reload Cursor; the MCP server appears under Settings → MCP (OAuth on first use) and the Visily skill loads automatically. Details: plugins/cursor/README.md.

Cline

Cline can connect directly to the hosted Visily MCP server with Streamable HTTP:

{
  "mcpServers": {
    "visily": {
      "type": "streamableHttp",
      "url": "https://app.visily.ai/api/mcp"
    }
  }
}

Full agent-readable install guidance: llms-install.md.

Codex

codex plugin marketplace add visily-app/mcp-plugins
codex plugin add visily@visily

Authorize via OAuth on first use. Full walkthrough: installation-guides/codex.md.

ChatGPT

ChatGPT connects to remote MCP servers via Developer Mode custom connectors (Plus, Pro, Business, or Enterprise). Enable Settings → Connectors → Advanced → Developer mode, add a custom connector pointing at the server URL above, and complete OAuth. Then paste plugins/chatgpt/AGENTS.md into a Project/GPT's instructions. Steps: plugins/chatgpt/SETUP.md.

Antigravity

Copy plugins/antigravity/.agents/ into your project root and merge plugins/antigravity/mcp_config.json into your global MCP config. Details: installation-guides/antigravity.md.

Kiro

Copy plugins/kiro/ into your Kiro powers directory (it contains POWER.md, per-intent steering/ workflows, and mcp.json). Merge mcp.json into your Kiro MCP config and authorize via OAuth. The Power activates on Visily URLs and find/build/theme intents.

Replit Agent

Install the hosted Visily MCP server with a one-click Replit install link: installation-guides/replit.md.

Lovable

Shortened. The full README is on GitHub.