Developer Tools

Visily

by Visily

Overview

Bring Visily designs into ChatGPT. Find boards and screens, turn Visily designs into responsive application code, and apply board theme tokens to your project. Connect a Pro or Business workspace with an editor license using OAuth, then share a Visily link or ask for a board by name.

Tools

get_board

ChatGPT

Get board information by board identifier, optionally validating projectId.

get_board_theme

ChatGPT

Get the board's design system as shadcn/ui design tokens for Tailwind v4. Accepts a board ID or a Visily URL. Returns light + dark tokens as a JSON object, shadcn :root/.dark CSS variables, or a paste-ready Tailwind v4 globals.css (CSS plus an @theme inline block).

get_design_context

ChatGPT

Preferred tool for turning a Visily screen into code. Returns the code export for one element (JSX by default, HTML on request) and nothing else — call get_board_theme and get_screenshot separately, only when needed. Accepts a Visily element URL or explicit IDs. Large screens paginate (maxChars/cursor); use delivery:"url" to fetch the whole export in one link.

get_element

ChatGPT

Get raw element information by project, board, and element identifier.

get_element_export

ChatGPT

Low-level export tool that returns generated code and screenshot URLs for a specific element. Prefer get_design_context for AI code generation workflows.

get_project

ChatGPT

Get project information by project identifier.

get_screenshot

ChatGPT

Get a screenshot image for one element. Use it as a visual reference before building and to diff against your generated UI. Returns a URL by default, or an inline base64 image when requested (fallback for sandboxed clients).