Wisty UI

Name: Wisty UI
Author: wisty.ai

作者：wisty.aiバージョン 1.0.0i★ –iクラウドで動く

レジストリ名ai.wisty/ui

インストール方法

What it does

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

Connects クラウドで動く
Account or key No key needed
Category マーケティング・SNS

インストール

使っているAIアプリを選んで、設定をコピーしてください。

チェック 2/3 合格 · 質問内容は提供元のサーバー（ui.wisty.ai）を通ります · ✓ コマンド確認済み 2026年11月13日

まず：どの AI を使っていますか？

ClaudeWeb · アプリ · スマホChatGPTWebClaude CodeターミナルCursorコードエディタVS Codeコードエディタその他その他のアプリ

使っているアプリを選ぶと、下に手順が表示されます。

Claude につなげます · 約 2 分

キー不要、インストール不要 · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー（Owner）が追加

Claude の Connectors ページを開く
CustomizeConnectors
完了
「Add」→「Custom」→「Web」を押し、この 2 つを入力
ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します
Name · 名前Wisty UI
Remote MCP server URL · アドレスhttps://ui.wisty.ai/mcp
Claude が検出したサインイン設定の画面で Continue を押す · Authentication は作者の説明どおり（Sign in now・Sign in when needed・No sign in）を選び Add を押します
完了
チャットで有効にする
+ConnectorsWisty UI
完了
試してみる
Wisty UI を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude が Wisty UI を使っていると言うか、回答に Wisty UI のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

ChatGPT との接続はプランしだい

フル MCP：Web 版 ChatGPT の Business・Enterprise・Edu · Pro：読み取り/取得の権限で接続、データを変えるツールは使えないことがあります · Plus：公式ドキュメントで未確認。プラグイン画面にカスタム MCP を追加する項目があれば試せます · Web のみ

Web 版 ChatGPT で MCP の追加ページを開く
Plugins+Add custom MCP server
完了
名前とアドレスを入力
名前を入れ、Connection にアドレスを貼り付け、注意事項にチェックして Create as a plugin を押します
Name · 名前Wisty UI
Connection · アドレスhttps://ui.wisty.ai/mcp
完了
チャットで Wisty UI を選ぶ
新しいチャットを開き、入力前にプラグインの一覧から Wisty UI を選びます
完了
試してみる
Wisty UI を使って、私に何ができるか教えて、1 つやってみせて
✓ ChatGPT が Wisty UI を使っていると言うか、回答に Wisty UI のツール名が出れば接続成功です

メニュー名は 2026年11月11日に OpenAI のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Claude Code につなげます · 約 2 分

キー不要、インストール不要

ターミナルを開く
Mac：Command+スペースで Terminal と入力 · Windows：PowerShell を開く
完了

このコマンドを貼り付けて Enter

claude mcp add --transport http --scope user ui https://ui.wisty.ai/mcp

完了

Claude Code で /mcp と入力
Wisty UI が一覧にあり、接続済みと表示されれば OK です
完了
試してみる
Wisty UI を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude Code が Wisty UI を使っていると言うか、回答に Wisty UI のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Cursor につなげます · 約 2 分

キー不要、インストール不要

このボタンで Cursor を開く
Cursor で開く
Cursor がインストールの確認をするので Install を押します
完了
Cursor の AI チャットを Agent モードで開く
完了
試してみる
Wisty UI を使って、私に何ができるか教えて、1 つやってみせて
✓ Cursor が Wisty UI を使っていると言うか、回答に Wisty UI のツール名が出れば接続成功です

メニュー名は 2026年11月11日に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

VS Code につなげます · 約 2 分

キー不要、インストール不要

このボタンで VS Code を開く
VS Code で開く
VS Code がインストールの確認をするので Install を押します
完了
VS Code の AI チャットを Agent モードで開く
完了
試してみる
Wisty UI を使って、私に何ができるか教えて、1 つやってみせて
✓ VS Code が Wisty UI を使っていると言うか、回答に Wisty UI のツール名が出れば接続成功です

メニュー名は 2026年11月11日に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください

MCP を使えるアプリをすべて見る →

Web 経由でつなぐアプリ用のアドレス

アドレスhttps://ui.wisty.ai/mcp

JSON 設定は下の「開発者向け」にあります

つまずいたら？Wisty UI を使っている人に聞いてみましょう💬 ディスカッション →

開発者向け：ターミナルのコマンドと JSON 設定

Web 経由

Claude Code

claude mcp add --transport http --scope user ui https://ui.wisty.ai/mcp

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "ui": {
      "url": "https://ui.wisty.ai/mcp"
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "ui": {
      "type": "http",
      "url": "https://ui.wisty.ai/mcp"
    }
  }
}

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

ひと目でわかる

GitHubスター i: –
週あたりのダウンロードi: npm/PyPIにない
確認済みドメイン: ✓ wisty.ai
ライセンス i: ライセンスの記載なし
接続方法: クラウドで動く
トランスポート: streamable-http
最新バージョンi: 1.0.0
カテゴリi: マーケティング・SNS
レジストリ公開日i: 2026年11月6日
コードの最終更新i: –
作者: wisty.ai
リポジトリ: –
ウェブサイト: ui.wisty.ai
レジストリでの状態: 有効

使えるアプリ

このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。

インターネット経由でつなげるアプリ

Claude ChatGPT Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Open WebUI Raycast

すべてのアプリと長所・短所 →

できること

ツールの名前と説明は、サーバーが2026年11月11日に返したそのままの内容です。書いたのは作者で、私たちではありません。プレーンテキストとして表示しています。

search_components
Find Wisty UI items by the job they do, best first. Each match gives its name, kind (primitive, component, block, helper) and description. A block is a finished section built from components and primitives over sample data, to install and edit: when the job is a whole section, st
list_components
List every Wisty UI item by kind, with its first sentence. Primitives are shadcn's own components with the Salesforce look; components are what shadcn lacks, like lookup; blocks are finished Salesforce sections over sample data; helpers turn records into a block's props. Prefer s
get_component
Read one Wisty UI item to choose and compose it: its install command, examples by name, When to use, When not to use, Usage, Rules, API reference.
get_example
Get one example's code for a Wisty UI item, for the project's base: a complete, working use to adapt.
get_install_command
Get the steps to install one Wisty UI item: the shadcn command, and the theme and icon steps it needs. First read style and tailwind.css from the project's components.json, and whether it has a src/ folder; a project without components.json runs npx shadcn@latest init first.