Jinero MCP Server
OfficialJinero MCP Server
online.jinero/jinero — AIエージェント(Claude、Cursor、Cline、Zed、Gemini CLIなど)にjinero.onlineのデザインツールを提供する、ホスト型のリモートModel Context Protocolサーバーです。読み取り専用ツール22個を備えています:フォント(検索、CSS、ファイル、画像からの認識)、カラーマス(WCAGコントラスト、シェード、命名、パレット抽出)、厳選パレット、コードのミニファイ/変換/検出、SVG最適化、SCSSヘルパー。
エンドポイント:
https://jinero.online/mcp(Streamable HTTP)認証: なし — 匿名・無料、IPごとに毎分60リクエストのレート制限(重いツールには追加のツール別上限あり、下記参照)
レジストリ: 公式MCPレジストリの
online.jinero/jineroマニフェスト:
/.well-known/mcp/server.json人向けドキュメント: jinero.online/dev/mcp — レスポンス例付きの完全リファレンス
接続方法
Claude Code(CLI):
claude mcp add --transport http jinero https://jinero.online/mcpClaude Desktop / Cursor / Cline(設定):
{
"mcpServers": {
"jinero": { "type": "http", "url": "https://jinero.online/mcp" }
}
}古いstdio専用クライアントは、npx mcp-remote https://jinero.online/mcp でブリッジできます。
Related MCP server: memoire
信頼性と安全性
すべてのツールはMCPアノテーションを宣言しており、tools/listで検証できます:
全22ツールが
readOnlyHint: trueおよびidempotentHint: trueを宣言;送信されたコード/SVGはテキストとして解析・変換されます — 実行も保存もされません;
アップロードされた画像(フォント認識、カラー抽出)はメモリ内で処理され、直ちに削除されます;
ユーザー指定のURLを取得するツールは3つだけです(
recognize_font、extract_colors、svg_to_datauri)— これらはopenWorldHint: trueがマークされ、SSRFガード付き・サイズ上限付きで取得されます。
自動リスクスキャナーへの注意: 一部のディレクトリは、
minify_code、convert_code、generate_clamp、recognize_fontを動詞に基づいて「書き込み」ツールとして分類します。これらは純粋な関数です — テキスト/数値が入力され、テキストが出力されるだけで、サーバー側・呼び出し側の何も変更されません。信頼できるシグナルは、22個の各ツールがtools/list(tools.jsonにスナップショットされています)で宣言するreadOnlyHint: trueアノテーションです。
レート制限
エンドポイント全体でIPごとに毎分60リクエストに制限されています。さらに、計算負荷の高いツールは独自のツール別・IP別上限(サーバーv1.4.0以降)を適用し、超過時には再試行ヒント付きの明確なツールエラーを返します。各上限はツールの説明にも記載されています:
ツール | 上限 | 理由 |
| 5/分 | CNNモデル推論 |
| 10/分 | 画像解析サブプロセス |
| 30/分 | パーサーサブプロセス |
| 30/分 | 外部URLを取得する場合あり |
テストとCI
tests/tools.test.mjsは、宣言されているすべてのツールをライブエンドポイントに対してテストします(依存関係ゼロ、Node 20以上):
npm testCIはプッシュのたびに毎週スイートを実行し(ワークフロー)、tools.jsonはライブの tools/list のコミット済みスナップショットです — スキーマとアノテーションを含みます(更新は npm run update-snapshot)。
クライアントなしで試す
# List all tools
curl -s -X POST https://jinero.online/mcp \
-H "Content-Type: application/json" \
-H "Accept: application/json, text/event-stream" \
-d '{"jsonrpc":"2.0","id":1,"method":"tools/list"}'その他の実行可能な例はexamples/にあります。
ツールリファレンス
現在のサーバーバージョンのライブ tools/list から生成されています。
フォント
search_fonts
名前、カテゴリ、スタイルタグ、言語カバレッジ、可変/等幅フラグ、スタイル数で無料フォントカタログを検索します。ファミリーのページネーション付きリストを返します。
読み取り専用・冪等
パラメータ | 型 | 説明 |
| string | あいまいな名前の一致。 |
| string | カンマ区切りのカテゴリ(例:'serif,sans')。 |
| string | カンマ区切りの言語コード(例:'latin,cyrillic')— すべてをサポートしている必要があります。 |
| string | カンマ区切りのスタイルタグ(例:'handwriting,condensed')— すべて一致する必要があります。選択肢:handwriting、script、display、slab、rounded、condensed、expanded、stencil、pixel、blackletter、outline、retro。 |
| boolean | 可変フォントのみ。 |
| boolean | 等幅フォントのみ。 |
| integer | 最小スタイル数。 |
| integer | 最大スタイル数。 |
| string: likes | downloads | views | name | created_at | 並べ替えフィールド、デフォルトは'likes'。 |
| string: asc | desc | 並べ替え方向。 |
| integer | 1ページあたりの結果数(デフォルト24)。 |
| integer | ページ番号。 |
recognize_font
画像で使用されているフォントを特定します。jineroフォントカタログでトレーニングされた独自のCNN埋め込みモデルを搭載 — 視覚的な形状/スタイルでフォントをマッチングするため、OCRもテキストも不要です(ラテン語とキリル語に対応)。1行のテキストのタイトなクロップを、image_url(公開URL)またはimage_base64(base64/data-URI、例:ローカルスクリーンショット)として送信します。画像はメモリ内で処理され、直ちに削除されます — 保存はされません。視覚的に最も類似したフォントファミリーをスコア付きで返します。高速(約200ms)。
読み取り専用・冪等・外部URLを取得
パラメータ | 型 | 説明 |
| string | 画像の公開URL — 1行のテキストのタイトなクロップ。image_base64のいずれかを指定します。認識は視覚的な形状によるものです(OCR/テキスト不要);ラテン語とキリル語に対応。 |
| string | Base64エンコードされた画像(生のbase64またはdata:image/...;base64 URI)、デコード後最大8 MB — ローカルファイル/スクリーンショットをホスティングせずに送信する場合に使用します。image_urlのいずれかを指定します。 |
| integer | 返すフォントマッチ数(3〜20、デフォルト8)。 |
get_font
スラッグで1つのフォントファミリーの完全なメタデータを取得します:スタイル、ウェイト、軸、ライセンス、サブセット、ダウンロード/CSS URL。
読み取り専用・冪等
パラメータ | 型 | 説明 |
| string | ファミリースラッグ(例:'inter'、'playfair-display')。 |
get_font_files
ファミリーのすべてのフォントファイル(ウェイト/イタリック/形式+直接のwoff2/ttf URL)を一覧表示します — カスタム@font-faceルールの作成に便利です。
読み取り専用・冪等
パラメータ | 型 | 説明 |
| string | ファミリースラッグ(例:'inter')。 |
get_fonts_css
ファミリー仕様(Google Fonts互換)用のすぐ使える@font-face CSSを生成します。例:"inter:wght@400,700" や可変レンジ "inter:wght@300..900"。CSSテキストを返します。
読み取り専用・冪等
パラメータ | 型 | 説明 |
| string | ファミリー仕様(例:"inter:wght@400,700" または "inter:wght@300..900")。 |
| string: swap | auto | block | fallback | optional | font-display値(デフォルトはswap)。 |
get_font_download_url
フォントファミリーの直接ZIPダウンロードURL(全スタイル+既製のfonts.css)を返します。ダウンロードは行いません — URLをユーザーに渡すか、別途取得してください。
読み取り専用・冪等
パラメータ | 型 | 説明 |
| string | ファミリースラッグ(例:'inter')。 |
カラー
check_contrast
前景色と背景色の間のWCAGコントラスト比をチェックし、通常テキストと大きいテキストのAA/AAA合格/不合格を判定します。
読み取り専用・冪等
パラメータ | 型 | 説明 |
| string | 前景色(hex、rgb()、またはhsl())。 |
| string | 背景色(hex、rgb()、またはhsl())。 |
get_color_shades
ベースカラーからティントとシェードを生成します(明るい/暗い段階)。16進数値で出力。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| string | 16進数、rgb()、または hsl() 形式のベースカラー。 |
| string: 5 | 10 | 20 | 25 | 段階のパーセンテージ(デフォルト10)。 |
| integer | ティント/シェードの上限(デフォルトは約100%まで)。 |
name_color
1つ以上のカラーに対して、最も近い人間が読める名前を取得します。単一の16進数、またはカンマ区切りで複数指定(例:"#3b82f6,#000,#ff7f50")すると、各入力に対して最も近いカラー名、参照16進数、完全一致フラグ、知覚的な距離を返します。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| string | 16進カラー、またはカンマ区切りで複数指定(例:"#3b82f6,#000,#ff7f50")。一度に最大100件まで。 |
extract_colors
画像から支配的なカラーパレットを抽出します。公開されている image_url または image_base64(base64/data-URI、例:ローカルのスクリーンショット)を送信します。画像はメモリ上で処理され、保存されることはありません。各カラーは16進数、rgb、hsl、画像内の割合、最も近い人間が読めるカラー名とともに返されます。1回の呼び出しで名前付きパレットを取得できます。
読み取り専用・べき等・外部URLを取得します
パラメータ | 型 | 説明 |
| string | パレットを取得する画像の公開URL。このパラメータまたは image_base64 のどちらかを指定します。 |
| string | Base64エンコードされた画像(生のbase64、または data:image/...;base64 URI)、デコード後最大10 MB。ホスティングせずにローカルファイル/スクリーンショットを送信する場合はこちらを使用します。このパラメータまたは image_url のどちらかを指定します。 |
| integer | 返すカラー数(2〜16、デフォルト8)。 |
| string | パレットモード:"balanced"(デフォルト)、"vibrant"、または "muted"。 |
パレット
search_palettes
名前、トーン、温度、ムード、ハーモニー、正確なカラー数、タグでカラーパレットカタログを検索します。ページネーション付きのリストを返します。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| string | あいまいな名前の一致。 |
| string: light | dark | mixed | 全体的なトーン。 |
| string: warm | cool | neutral | カラーの温度。 |
| string | 例:パステル、ミュート、アーシー、ビビッド、モノクローム。 |
| string | 例:類似、補色、トライアド、モノクロマティック、分割補色、テトラッド。 |
| integer | 正確なカラー数。 |
| array | タグスラッグ — すべて一致する必要があります(AND)。 |
| string: newest | popular | name | 並べ替え順(デフォルトは newest)。 |
| integer | 1ページあたりの結果数(デフォルト24)。 |
| integer | ページ番号。 |
get_palette
IDでカラーパレットを1つ取得します:そのカラー(16進数)、名前/派生タイトル、ムード、ハーモニー、温度、タグ。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| integer | パレット ID。 |
コード
minify_code
JS、CSS、HTML、SVG、JSON、XML テキストを圧縮または整形します。type=auto を設定すると言語を自動判別します。コードは解析されて再出力されるだけで、実行されることも保存されることもありません。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| string | 変換するソースコード。 |
| string: js | css | html | svg | json | xml | auto | ソース言語、または自動判別する場合は 'auto'。 |
| string: minify | beautify | デフォルトは minify。 |
| boolean | 圧縮時に /*! ... */ ライセンスコメントを保持する。 |
detect_code
コードスニペットの言語/形式を検出します。静的解析のみ — スニペットが実行されたり保存されたりすることはありません。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| string | 検査するスニペット。最大200,000文字。 |
convert_code
コードをテキスト形式間で変換します(例:JSON↔YAML、CSS↔SCSS)。純粋なテキスト変換:ソースは解析されて再シリアライズされるだけで、実行も保存もされません。有効な from/to ID とコンバーターごとのオプションについては list_code_converters を使用してください。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| string | 変換するソースコード。 |
| string | ソース形式ID(list_code_converters を参照)。 |
| string | ターゲット形式ID。 |
| object | コンバーターごとのオプション(list_code_converters の optionsSchema を参照)。 |
list_code_converters
利用可能なコードコンバーターを、from/to ID とコンバーターごとのオプションスキーマとともに一覧表示します。
読み取り専用・べき等
パラメータなし。
SVG
optimize_svg
SVG マークアップを最適化/クリーンアップします(SVGO を使用)。純粋なマークアップ変換 — 実行や保存は一切行われません。圧縮された SVG と、前後のサイズを返します。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| string | SVG ソース。最大500,000文字。 |
| string: safe | balanced | aggressive | 最適化プリセット(デフォルトは balanced)。 |
svg_to_datauri
SVG(または取得した画像)を CSS 対応の data: URI としてエンコードします。生の svg または url のどちらかを指定します。
読み取り専用・べき等・外部URLを取得します
パラメータ | 型 | 説明 |
| string | 生の SVG マークアップ。url とは排他的です。 |
| string | サーバーが取得する公開画像URL。 |
| string: utf8 | base64 | デフォルト:SVG は utf8、ラスターは base64。 |
| string: single | double | データURI のクォートスタイル(デフォルトは double)。 |
list_svg_presets
利用可能な SVG 最適化プリセットと、それぞれの機能を一覧表示します。
読み取り専用・べき等
パラメータなし。
開発
list_scss_mixins
SCSS ミックスインカタログ(id、タイトル、簡単な説明)を一覧表示します。グループまたは検索でフィルタリングできます。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| string | 例:Bootstrap、Project、Pattern、Placeholder。 |
| string | id/タイトル/短い説明 /説明全体のあいまいな部分文字列。 |
| string: summary | full | 詳細レベル(デフォルトは summary)。 |
get_scss_mixin
ID で SCSS ミックスインを1つ取得します:完全なソース、パラメータ、使用例。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| string | ミックスインID(ケバブケース)、例:'centerer'、'media-breakpoint-up'。 |
generate_clamp
2つのビューポート幅の間でレスポンシブなサイズ調整を行う流体 CSS clamp() 式を計算します。純粋な計算 — CSS スニペットを返すだけで、書き込みや保存は一切行いません。
読み取り専用・べき等
パラメータ | 型 | 説明 |
| number | 最小サイズ(px)。 |
| number | 最大サイズ(px)。 |
| number | min_fs でのビューポート幅(デフォルト320)。 |
| number | max_fs でのビューポート幅(デフォルト1440)。 |
| string: px | rem | both | 出力単位(デフォルトは rem)。 |
| number | rem 変換用のルートフォントサイズ(px、デフォルト16)。 |
概要
jinero.online によって構築・運営されています — フォント、アイコン、カラー、コード向けの無料デザインツール。MCP サーバーは同じ 公開 REST API の薄いラッパーです:単一の契約、同一の動作。
このリポジトリには、サーバーの公開ドキュメントと例が含まれています。ツールに関する問題や機能リクエストはこちらで受け付けています。
This server cannot be installed
Maintenance
Related MCP Connectors
Free public MCP for AI agents — 193 tools, 44 workflows. No API key.
Hosted MCP with 91 agent tools: X, domains, SEO, Maps, Trends, Search, YouTube, TikTok, and more.
Pay-per-use tool marketplace for AI agents. Search, price-check, and call APIs via MCP.
Hosted MCP endpoint with realistic fake data for prototyping agents. 12 tools, no setup.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceMulti-tool MCP server for AI agents with 29 tools across web scraping, SEO analysis, screenshot and PDF generation, domain intelligence, content extraction, multi-chain EVM blockchain queries, and security toolkit. Free tier available with no auth required.221MIT
- AlicenseAqualityBmaintenanceDesign system MCP server. 20 tools: extract design tokens from any URL, pull from Figma or Penpot, generate React + shadcn/ui components from specs, run WCAG audits, sync tokens bidirectionally.5027639MIT

@first-ch/tools-mcpofficial
AlicenseAqualityBmaintenanceMCP server exposing First CH Tools' free web-tool logic for WCAG contrast, JP character counting, WebP conversion, JSON-LD, and llms.txt generation to AI agents.6572MIT- AlicenseBqualityDmaintenanceAn MCP server providing 22 pay-per-call utility tools for AI agents (scrape, validate, embed, store, moderate, notify, convert, prevent loops) without accounts or API keys, using USDC payments via the x402 protocol.17841MIT
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/jinero-online/jinero-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server