TypeUI

Name: TypeUI
Author: bergside

作者：bergsideバージョン 1.0.1i★ 2,228iクラウドで動く

レジストリ名io.github.bergside/typeui

インストール方法

概要

作者による説明（英語の原文）

Design systems, UI prompts, and layout variations for AI coding tools.

できること

このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。

接続方法: クラウドで動く
トランスポート: Streamable HTTP
カテゴリ: デザイン・画像・音声

インストール

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

チェック 4/4 合格 · 質問内容は提供元のサーバー（mcp.typeui.sh）を通ります

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

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

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

Claude につなげます · 約 2 分

キー不要、インストール不要 · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで

Claude の Connectors ページを開く
CustomizeConnectors
完了
「+ Add」→「Add custom connector」を押し、この 2 つを入力
ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します
Name · 名前TypeUI
Remote MCP server URL · アドレスhttps://mcp.typeui.sh/mcp
Authentication は Claude が検出したままにして Add を押します
完了
チャットで有効にする
+ConnectorsTypeUI
完了
試してみる
TypeUI を使って、私に何ができるか教えて、1 つやってみせて
✓ Claude が TypeUI を使っていると言うか、回答に TypeUI のツール名が出れば接続成功です

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

ChatGPT は法人向けプランのみ接続できます

Web 版 ChatGPT Business・Enterprise・Edu で、ワークスペースの管理者かオーナーが追加します · Free・Plus・Pro の場合：あなたの ChatGPT プランではまだ MCP を自分でつなげません

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

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

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

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

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

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

claude mcp add --transport http typeui https://mcp.typeui.sh/mcp

完了

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

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

Cursor につなげます · 約 2 分

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

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

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

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

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

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

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

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

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

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

アドレスhttps://mcp.typeui.sh/mcp

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

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

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

Web 経由

Claude Code

claude mcp add --transport http typeui https://mcp.typeui.sh/mcp

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "typeui": {
      "url": "https://mcp.typeui.sh/mcp"
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "typeui": {
      "type": "http",
      "url": "https://mcp.typeui.sh/mcp"
    }
  }
}

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

ひと目でわかる

GitHubスター i: 2,228
週あたりのダウンロードi: npm/PyPIにない
ライセンス i: ライセンスの記載なし
接続方法: クラウドで動く
トランスポート: streamable-http
最新バージョンi: 1.0.1
カテゴリi: デザイン・画像・音声
レジストリ公開日i: 2026年5月31日
コードの最終更新i: 2026年10月23日
作者: bergside
リポジトリ: bergside/typeui
ウェブサイト: www.typeui.sh
レジストリでの状態: 有効

使えるアプリ

このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。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

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

できること

このサーバーは、ツール一覧を表示する前にサインインを求めます。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月11日にチェック

✓ 合格
作者とリポジトリが一致
レジストリ名は、リポジトリを所有するGitHubアカウント bergside で確認済みです
✓ 合格
今もメンテナンスされている
コードの最終更新：19 日前
… 未チェック
ライセンスがある
このリポジトリはまだGitHubから読み取っていません
✓ 合格
エンドポイントが応答する
620ミリ秒で応答（HTTP 401）
✓ 合格
OAuthでサインイン
OAuthでのサインインに対応しているため、AIアプリがログイン画面へ案内してくれます
… 未チェック
ツールの説明に隠れた指示がない
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります

話し合い

質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。

まだ投稿はありません。最初の質問や共有をどうぞ。

ここの投稿は利用者によるもので、PopNx チームのものではありません。

Google でログインして投稿

ユーザーレビュー

まだレビューはありません

Google でログインしてレビューを書く

デザイン・画像・音声のほかのサーバーとの比較i

このカテゴリのほかの2904件のうち100%よりスターが多い
このカテゴリのほかの2904件のうち10%より最近レジストリに公開
基本チェックの結果が、このカテゴリのほかの2904件のうち100%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

TypeUIは安全ですか？

当てはまる基本チェック4項目のうち4項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか？

レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。

パソコンで動きますか、それともクラウドですか？

作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。

今もメンテナンスされていますか？

GitHubリポジトリの最終更新は19 日前、最新バージョン（1.0.1）がレジストリに届いたのは5 か月前です。

どのアプリで使えますか？

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URL で接続するので、リモート MCP に対応したアプリでも使えます（例：ChatGPT Business 以上）。

代わりに使えるものは？

同じカテゴリには：Next AI Draw.io, Pascal 3D Editor, screenpipe

代わりの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

作者：DayuanJiang広く使われている↓ 2.2万/週★ 3.7万4 日前更新

パソコンで動く

インストール

Pascal 3D Editor

Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.

作者：pascalorg広く使われている↓ 1037/週★ 2.5万今日更新

パソコンでもクラウドでも✓ pascal.app

インストール

screenpipe

Search your local screen recordings, audio transcripts, and computer activity from screenpipe.

作者：screenpipe広く使われている↓ 6626/週★ 2.2万8 日前更新

パソコンで動く

インストール

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

TypeUI - Build better UI with AI

TypeUI is an AI-first platform where you can use design skills, UI prompts, and other resources to enhance AI capabilities to generate better user interfaces and design when building websites and applications. The resources from this repository will work with any AI provider, given they support markdown files or general prompting.

Getting started

Install TypeUI where you build. Connect your AI coding tool to TypeUI MCP, then ask for UI in plain language while TypeUI supplies design systems, prompts, and layout variation guidance.

Codex

Connect Codex to TypeUI MCP automatically with the TypeUI Codex plugin.

Install in Codex →

Claude

Give Claude access to curated design guidance while it writes or refactors UI.

Install in Claude →

Cursor

Use the TypeUI Cursor plugin while Cursor builds screens, sections, and variations.

Install in Cursor →

Grok

Add the hosted TypeUI MCP server to Grok.

Open Grok guide →

Z.ai

Add the hosted TypeUI MCP server to Z.ai ZCode.

Open Z.ai guide →

Hermes

Install the TypeUI MCP plugin for Hermes Agent.

Open Hermes guide →

OpenClaw

Add the hosted TypeUI MCP server to OpenClaw.

Open OpenClaw guide →

Eve

Add TypeUI design skills to Eve agents.

Open Eve guide →

Mistral

Add the hosted TypeUI MCP server to Mistral.

Open Mistral guide →

OpenCode

Give OpenCode access to TypeUI design systems and prompts.

Install in OpenCode →

VS Code

Connect GitHub Copilot in VS Code to TypeUI MCP.

Install in VS Code →

Antigravity

Connect Antigravity to TypeUI MCP for UI generation workflows.

Open Antigravity guide →

Windsurf

Connect Windsurf Cascade to TypeUI MCP.

Install in Windsurf →

JetBrains

Connect JetBrains AI Assistant or Junie to TypeUI MCP.

Install in JetBrains →

Zed

Add the hosted TypeUI MCP server to Zed.

Open Zed guide →

GitHub Copilot

Add the hosted TypeUI MCP server to GitHub Copilot.

Open GitHub Copilot guide →

Cline

Add the hosted TypeUI MCP server to Cline.

Install in Cline →

Qwen

Add the hosted TypeUI MCP server to Qwen Code.

Open Qwen guide →

Amp

Add the hosted TypeUI MCP server to Amp.

Open Amp guide →

Goose

Add the hosted TypeUI MCP server to Goose.

Open Goose guide →

Lovable

Add the hosted TypeUI MCP server to Lovable.

Open Lovable guide →

Replit

Add the hosted TypeUI MCP server to Replit.

Open Replit guide →

Add the hosted TypeUI MCP server to v0.

Open v0 guide →

Design skills

Check out all design skills. Available in both DESIGN.md and SKILL.md formats.

Agentic

Ant

Application

冒頭だけを表示しています。続きはリポジトリで読めます

TypeUI

概要

できること

インストール

Claude の Connectors ページを開く

「+ Add」→「Add custom connector」を押し、この 2 つを入力

チャットで有効にする

試してみる

Web 版 ChatGPT で MCP の追加ページを開く

名前とアドレスを入力

チャットで TypeUI を選ぶ

試してみる

ターミナルを開く

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

Claude Code で /mcp と入力

試してみる

このボタンで Cursor を開く

Cursor の AI チャットを Agent モードで開く

試してみる

このボタンで VS Code を開く

VS Code の AI チャットを Agent モードで開く

試してみる

Web 経由

ひと目でわかる

使えるアプリ

できること

基本チェックi

作者とリポジトリが一致

今もメンテナンスされている

ライセンスがある

エンドポイントが応答する

OAuthでサインイン

ツールの説明に隠れた指示がない

話し合い

ユーザーレビュー

デザイン・画像・音声のほかのサーバーとの比較i

よくある質問

代わりの候補

Next AI Draw.io

Pascal 3D Editor

screenpipe

作者のREADME

TypeUI - Build better UI with AI

Getting started

Design skills