Wisty UI

Find, read and install shadcn components with Salesforce Lightning's look, for Radix and Base UI.

build.protocol_tooling.mcp

Install Wisty UI in your MCP client

Wisty UI is a Model Context Protocol server. Add it to your MCP client config once, restart, and the server's tools become available to your AI assistant. The same JSON snippet below works across all four major clients — only the config file path differs.

Locate your client's MCP config file.
- Cursor: ~/.cursor/mcp.json
- Claude Desktop (macOS): ~/Library/Application Support/Claude/claude_desktop_config.json
- Claude Desktop (Windows): %APPDATA%\Claude\claude_desktop_config.json
- VS Code: Settings → Extensions → MCP
- Windsurf: Settings → MCP Servers
Add Wisty UI to the mcpServers map — paste the snippet below into your config file. If you already have other MCP servers, merge the entry into the existing mcpServers object.
Restart your client so it picks up the new server.
Verify — ask the assistant to list available tools; Wisty UI's tools should appear.

{
  "mcpServers": {
    "wisty-ui": {
      "command": "npx",
      "args": [
        "-y",
        "@wisty-ui/mcp-server"
      ],
      "note": "Replace with the actual package name from the server's documentation."
    }
  }
}

Install Wisty UI in Cursor

Open ~/.cursor/mcp.json in your editor, paste the snippet above into mcpServers, save, and restart Cursor. Wisty UI will show up in the assistant's tool list on next launch.

Install Wisty UI in Claude Desktop (macOS)

Open ~/Library/Application Support/Claude/claude_desktop_config.json in your editor, paste the snippet above into mcpServers, save, and restart Claude Desktop (macOS). Wisty UI will show up in the assistant's tool list on next launch.

Install Wisty UI in Claude Desktop (Windows)

Open %APPDATA%\Claude\claude_desktop_config.json in your editor, paste the snippet above into mcpServers, save, and restart Claude Desktop (Windows). Wisty UI will show up in the assistant's tool list on next launch.

Install Wisty UI in VS Code

Open Settings → Extensions → MCP in your editor, paste the snippet above into mcpServers, save, and restart VS Code. Wisty UI will show up in the assistant's tool list on next launch.

Transport

Wisty UI supports the following MCP transports. Most AI clients use stdio by default for locally-installed servers.

streamable-http

Other Model Context Protocol servers in the same space as Wisty UI. Each one adds different capabilities to your AI assistant — pick based on the data sources or workflows you need.