Labsco
MCP SERVER

Visily MCP

by visily-app

Turn a Visily design board into working code, or pull its theme tokens into an app.

Design Systems & UI Component Libraries
Summary
The agent reads IDs out of the URL — it never opens the page.

That is why prompting works the way it does: paste a Visily link with a clear intent and the tools resolve the project, board and element from the URL itself. Two things improve the output more than any prompt tweak. Name screens and groups semantically in Visily, because those names flow into both the export and the find-a-board matching. And ask for one screen at a time — the documentation is explicit that smaller selections produce more reliable results.

What it is

The Visily design canvas exposed to coding agents. Point an agent at a Visily board or screen and it can rebuild the UI as real components, find a board from a description, or lift the board's design system as tokens for another app.

What you get
  • `get_design_context` is the primary tool — it returns the design data, theme and screenshot metadata for one element
  • `get_screenshot` fetches an image for visual verification against what was generated
  • `get_board_theme` returns the board's design system as shadcn tokens in JSON, CSS or Tailwind form
  • Discovery — `list_workspaces`, `list_projects`, `list_boards`, `list_elements` answer 'find the board I was working on'
  • Advanced metadata and raw exports — `get_workspace`, `get_project`, `get_board`, `get_element`, `get_element_export`
  • Prompts ship with the server — `find_visily_board`, `generate_code_from_element`, `apply_board_theme` — alongside `visily://docs/...` resources the agent reads on demand
  • The default generation stack is React + TypeScript + Tailwind v4 + shadcn/ui, rebuilt semantically rather than exported statically
Requirements

A Visily workspace on a Pro or Business plan, where you are the workspace creator or hold an editor licence — free workspaces and viewer or guest roles are not supported, and this is enforced on every request. Authentication is OAuth, prompted by your client on first use; there are no API keys. The server is remote over Streamable HTTP at `https://app.visily.ai/api/mcp`, published as io.github.visily-app/visily version 0.1.0. Packaged installs exist for Claude Code (`claude plugin install visily@visily`), Cursor, Codex, Kiro, Antigravity, Replit, Lovable and v0; any other Streamable-HTTP client connects with the URL alone.

Setup effort

One command — claude plugin install visily@visily