Uwarp

Name: Uwarp
Author: sherotree

作者：sherotreeバージョン 1.0.0i★ –iパソコンで動く

レジストリ名io.github.sherotree/uwarp-mcp

インストール

概要

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

WCAG contrast checks, HSL palettes with :root CSS, and search of 500+ free Uwarp UI tools.

PopNx MCPの3つの柱

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

利用者の声iレビューはまだありませんレビューは今後のステップで、アカウント機能と一緒に始まります
私たちの基本チェックi1項目中1項目に合格公開情報からチェック。コードはまだスキャンしていません
利用状況i未計測★ –

できること

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

接続方法: パソコンで動く
トランスポート: stdio
カテゴリ: 検索・AIの記憶

インストール

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

インストールの前に

基本チェック：1項目中1項目に合格
あなたのパソコンで、あなたのユーザーと同じ権限（ファイル、ネットワーク、アプリ）で動きます。
レジストリには、入力が必要なキーは載っていません。

必要なもの

npmNode.jsのインストール（npxコマンドに必要）

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

ClaudeClaude CodeCursorVS CodeChatGPT

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

Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます

{
  "mcpServers": {
    "uwarp": {
      "command": "npx",
      "args": [
        "-y",
        "uwarp-mcp"
      ]
    }
  }
}

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

claude mcp add uwarp -- npx -y uwarp-mcp

Cursorで開く

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

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

{
  "mcpServers": {
    "uwarp": {
      "command": "npx",
      "args": [
        "-y",
        "uwarp-mcp"
      ]
    }
  }
}

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

VS Codeで開く

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

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

{
  "servers": {
    "uwarp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "uwarp-mcp"
      ]
    }
  }
}

これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。

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

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

できること

パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。

基本チェックi

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

✓ 合格
作者とリポジトリが一致
レジストリ名は、リポジトリを所有するGitHubアカウント sherotree で確認済みです
… 未チェック
今もメンテナンスされている
このリポジトリはまだGitHubから読み取っていません
… 未チェック
ライセンスがある
このリポジトリはまだGitHubから読み取っていません
– 対象外
エンドポイントが応答する
これはパソコンで動くため、インターネット上のエンドポイントはありません
– 対象外
OAuthでサインイン
パソコンで動き、代わりにローカルの設定を使います
… 未チェック
ツールの説明に隠れた指示がない
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです

検索・AIの記憶のほかのサーバーとの比較i

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

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

よくある質問

Uwarpは安全ですか？

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

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

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

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

あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません（サーバー自体がオンラインサービスを呼び出す場合を除きます）。

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

GitHubリポジトリの最終更新は–、最新バージョン（1.0.0）がレジストリに届いたのは23 日前です。

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

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。

代わりに使えるものは？

同じカテゴリには：Context7, Codebase Memory, Exa

代わりの候補

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

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

Context7

作者：upstash

Up-to-date docs for AI agents

パソコンでもクラウドでも★ 64,224MIT昨日更新

インストール

Codebase Memory

作者：DeusData

Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens.

パソコンで動く★ 48,148MIT21 日前更新

インストール

Exa

作者：exa-labs

Connect AI agents to Exa for web search, content fetching, and multi-step research.

クラウドで動く★ 5,213MIT先月更新

インストール

作者のREADME

READMEを開く

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

uwarp-mcp

MCP server for Uwarp — a directory of 500+ free browser UI tools.

This package exposes three local tools you can use from Cursor or Claude Desktop. No paid API key is required. Most Uwarp listings are third-party embeds; this server does not scrape or wrap them. Contrast and palette math run entirely on-device; search_tools reads a bundled local catalog (data/tools.json).

Tool	Purpose
`check_contrast`	WCAG 2.x contrast ratio + AA/AAA flags
`generate_palette`	HSL harmony palettes + `:root` CSS
`search_tools`	Search the local Uwarp tool catalog

Author / context: Sherotree · https://uwarp.design · MIT

Install via npx

No clone needed. Add to your MCP client config (Cursor mcp.json, Claude Desktop, etc.):

"mcpServers": { "uwarp": { "command": "npx", "args": ["-y", "uwarp-mcp"] } } }

Requirements

Node.js 18+

Install & build

cd /path/to/uwarp-mcp

npm install npm run build

Test

npm test

Includes a check that black-on-white contrast ≈ 21.

Run locally (stdio)

npm start

or during development:

npm run dev

The process speaks MCP over stdio (JSON-RPC on stdin/stdout). Log noise goes to stderr.

Optional env stub

Variable	Notes
`UWARP_API_KEY`	Reserved for a future Uwarp API. Ignored today — no paid key needed.

Cursor (`mcp.json`)

Add to your Cursor MCP config (e.g. ~/.cursor/mcp.json or project .cursor/mcp.json). Point args at the built entry after npm run build:

"mcpServers": { "uwarp": { "command": "node", "args": ["/ABSOLUTE/PATH/TO/uwarp-mcp/dist/index.js"] } } }

Example if the project lives at ~/code/uwarp-mcp (use the absolute path):

"mcpServers": { "uwarp": { "command": "node", "args": ["/Users/you/code/uwarp-mcp/dist/index.js"] } } }

Restart Cursor (or reload MCP servers) after saving.

Claude Desktop

Edit the Claude Desktop config:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

"mcpServers": { "uwarp": { "command": "node", "args": ["/ABSOLUTE/PATH/TO/uwarp-mcp/dist/index.js"] } } }

Restart Claude Desktop after saving.

Tool reference

`check_contrast`

Input

Field	Type	Description
`foreground`	string	Hex `#RGB` / `#RRGGBB`
`background`	string	Hex `#RGB` / `#RRGGBB`

Output

"ratio": 21, "aa_normal": true, "aa_large": true, "aaa_normal": true, "aaa_large": true }

Uses WCAG 2.x relative luminance and contrast ratio thresholds (AA normal ≥ 4.5, AA large ≥ 3, AAA normal ≥ 7, AAA large ≥ 4.5).

`generate_palette`

Input

Field	Type	Default	Description
`seed`	string	—	Seed hex
`harmony`	`analogous` \	`complementary` \	`triadic` \	`mono`	`analogous`	Harmony mode
`count`	number	`6`	Colors, 3–12

Output

"colors": [{ "name": "Mid Blue", "hex": "#3b82f6" }], "css": ":root {\n --color-1: #3b82f6; /* Mid Blue */\n}" }

`search_tools`

Input

Field	Type	Default	Description
`query`	string	—	Search text
`category`	string	—	Optional filter (e.g. `color`, `svg-generators`)
`limit`	number	`8`	Max results, 1–20

Output

"tools": [ { "name": "Contrast Checker", "summary": "…", "url": "https://uwarp.design/tools/contrast-checker", "category": "color" } ] }

Note: search_tools uses the local catalog in data/tools.json (sample entries for development). It does not scrape uwarp.design at runtime.

Project layout

uwarp-mcp/

├── data/tools.json # Local Uwarp catalog (~28 samples) ├── src/ │ ├── index.ts # MCP stdio entry │ └── tools/ │ ├── check_contrast.ts │ ├── generate_palette.ts │ └── search_tools.ts ├── tests/ ├── dist/ # After npm run build ├── package.json ├── tsconfig.json ├── LICENSE └── README.md

Uwarp

概要

PopNx MCPの3つの柱

できること

インストール

インストールの前に

できること

基本チェックi

作者とリポジトリが一致

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

ライセンスがある

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

OAuthでサインイン

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

検索・AIの記憶のほかのサーバーとの比較i

よくある質問

代わりの候補

Context7

Codebase Memory

Exa

作者のREADME

uwarp-mcp

Install via npx

Requirements

Install & build

Test

Run locally (stdio)

or during development:

Optional env stub

Cursor (mcp.json)

Claude Desktop

Tool reference

check_contrast

generate_palette

search_tools

Project layout

License

Cursor (`mcp.json`)

`check_contrast`

`generate_palette`

`search_tools`