プロトタイプ · プレビュー版:公式レジストリのすべてのサーバーを掲載し、30分ごとに同期しています。レビューとアカウント機能は今後のステップで始まります。
PopNx MCPAIを使う人のためのMCPサーバー · やさしい言葉で解説

TypeUI

作者:bergsideバージョン 1.0.1i★ –iクラウドで動く
レジストリ名io.github.bergside/typeui

インストール

概要

作者による説明(英語の原文)

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

PopNx MCPの3つの柱

この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。

できること

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

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

インストール

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

インストールの前に

  • 基本チェック:1項目中1項目に合格
  • 作者のサーバーで動きます。あなたが頼んだ内容は、作者のサーバーを通ります。
  • レジストリには、入力が必要なキーは載っていません。

必要なもの

どのアプリを使っていますか?

上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。

ウェブ、デスクトップ、モバイルのClaudeで使えます:

  1. Settings → Connectors を開く
  2. Add custom connector を押す
  3. 下のアドレスを貼り付けて Add を押す
  4. サインインを求められたら、作者のサービスにサインインする
SettingsConnectors1+ Add2https://…3
https://mcp.typeui.sh/mcp

ターミナルでこれを実行します

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

Cursorで開く

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

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

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

VS Codeで開く

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

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

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

ChatGPTがつなげるのは、インターネット上のサーバーだけです:

  1. ウェブ版のChatGPTを開き → Settings → Connectors (Apps)
  2. Create または Add を押す(プランによっては、先に Advanced で Developer mode をオンにする必要があります)
  3. 下のアドレスを貼り付け、名前を付けて保存する
  4. サインインを求められたら、作者のサービスにサインインする
SettingsConnectors1+ Create2https://…3
https://mcp.typeui.sh/mcp

メニューの名前は、プランや時期によって少し違うことがあります。

選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。

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

できること

このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。

基本チェックi

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

  • ✓ 合格

    作者とリポジトリが一致

    レジストリ名は、リポジトリを所有するGitHubアカウント bergside で確認済みです

  • … 未チェック

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

    このリポジトリはまだGitHubから読み取っていません

  • … 未チェック

    ライセンスがある

    このリポジトリはまだGitHubから読み取っていません

  • … 未チェック

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

    まだチェックしていません。エンドポイントは順番にチェックしています

  • … 未チェック

    OAuthでサインイン

    まだチェックしていません。エンドポイントは順番にチェックしています

  • … 未チェック

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

    まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります

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

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

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

よくある質問

TypeUIは安全ですか?

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

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

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

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

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

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

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

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

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。

代わりに使えるものは?

同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server

代わりの候補

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

カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i

Figma Context MCP

作者:GLips

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

パソコンで動く★ 16,165MIT5 か月前更新
インストール

Claude Real Video

作者:HUANGCHIHHUNGLeo

Let any LLM watch a video locally — and search everything it has ever watched.

パソコンで動く★ 2,284MIT2 か月前更新
インストール

Figma MCP Server

作者:figma

The Figma MCP server brings Figma design context directly into your AI workflow.

クラウドで動く★ 2,15213 か月前更新
インストール

作者の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 →

v0

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

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

PopNxに聞く