LabscoMCP early access ↗
visily-appMCP SERVER · OFFICIAL PROJECT

Visily MCP

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

by visily-app ↗Design Systems & UI Component Libraries✓ Official

LABSCO 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

Add the hosted endpoint, then sign in — paste it into your client, then approve the OAuth sign-in

See installation options