Skip to content

MCP server

Wisty UI's MCP server lets your coding agent search the components, read their docs and examples, and get the command that installs them. Ask for a screen, like an account lookup on the new contact form, and the agent picks the parts. It needs no account.

Connect your agent

https://ui.wisty.ai/mcp
  1. https://ui.wisty.ai/mcp
  2. If it doesn't yet, choose Refresh.

Action 1 of 4. In VS Code, open Agentforce Vibes. Choose Toolkit, then MCP Servers. · Vibes 4.40

Share it with your team
.mcp.json
{
  "mcpServers": {
    "wisty-ui": { "type": "http", "url": "https://ui.wisty.ai/mcp" }
  }
}

Or paste this into your agent, and it adds the server itself.

If it doesn't connect

  • Start a new session. An agent that was already running when you added the server may not see it.
  • Check the server list. Run /mcp in Claude Code, or open your agent's MCP settings. wisty-ui should be listed and connected. If it asks you to sign in, remove wisty-ui and add it again with no authentication.
  • In Agentforce Vibes, if the form asks for a URL and not an HTTP Endpoint, Server Type is still Platform. Change it to Remote.
  • Restart the app if wisty-ui shows as connected but the agent says it can't reach it.
  • Paste the prompt under Hand it to your agent, and the agent adds the server itself.

Tools

Tool Returns
search_components Components that match a job, like "record picker" or "confirm delete", best match first. Each result quotes the When to use or When not to use line that matched.
list_components Every item by kind, like primitive, component or block, or only one kind.
get_component One component's install command, its examples by name, its docs by section and its API reference for your project's library. With sections, only the parts you name, like Rules. With source, its files too.
get_example The code of one example, for your project's library. A page block's first example is the files its install writes.
get_install_command The steps to install one component: the registry setup if it's missing, the shadcn CLI command, the theme step that writes the theme into your stylesheet once, and the step that copies Salesforce's icon sprites when the install brings Icon.

Try it

Describe what the screen does:

  • "Add an account lookup to the new contact form."
  • "Show open opportunities in a table I can sort and select."
  • "Ask before deleting a record, the Salesforce way."

Without the MCP server

Without the server, Copy page on any component page copies its docs as Markdown, and Agent setup has the skill and rules.