Jinero

online.jinero由 jinero.online 發布官方發布者v1.4.0更新於 Oct 24, 2026

AI-agent design tools: fonts, font recognition, palettes, color naming, contrast, code, SVG, CSS.

已驗證Streamable HTTP可網頁執行開發者工具媒體與設計

服務詳細資訊

識別碼: online.jinero/jinero
傳輸: Streamable HTTP
執行環境: Web executable
信任: Verified
發布於: Sep 16, 2026

安全提示

MCP 服務會接收對話中的工具呼叫請求，並可能執行外部操作。啟用前請先了解該服務能做什麼，並只授予它所需的權限。

註冊中心已驗證此服務的命名空間屬於 jinero.online，且該網域同時執行其端點。這可以確認發布者，但並不代表該服務的工具是安全的。

SourceWeft 的檢查只涵蓋條目是否完整、端點是否回應；不審查伺服器的程式碼，也不審查其工具的行為。

在 README 中新增徽章

向讀者展示該 MCP 服務已收錄於 SourceWeft，徽章連結到本頁。

[![Listed on SourceWeft](https://sourceweft.com/badge/mcp/online.jinero%2Fjinero.svg)](https://sourceweft.com/mcp/online.jinero%2Fjinero?utm_source=readme&utm_medium=badge)

概覽

AI 產生的概覽

託管式唯讀設計工具箱：字型搜尋與辨識、色彩運算與配色、程式碼/SVG/CSS 輔助，供 AI 助理呼叫。

可以做什麼: 搜尋免費字型庫，取得字型家族中繼資料、字型檔案、@font-face CSS 與下載連結，並從圖片裁切中辨識字型
檢查 WCAG 對比度、產生深淺色階、為顏色命名，並從圖片擷取主色票
依色調、溫度、氛圍、配色和諧度與標籤搜尋並讀取精選配色方案
壓縮或美化程式碼、辨識程式碼片段語言、在文字格式間轉換，並列出可用轉換器
最佳化 SVG 標記、把 SVG 或圖片轉為 data URI，並列出最佳化預設集
列出並讀取 SCSS mixin，計算流式 CSS clamp() 表示式
適用情境: 適合助理進行前端或設計相關工作時使用：挑選並接入字型、檢查顏色對比度以符合無障礙要求、從截圖擷取配色，或清理 SVG 與 CSS。可省去助理對字型名稱、顏色數值與 clamp 計算的猜測。
執行需求: 無需安裝：遠端 Streamable HTTP 端點 jinero.online/mcp，不需驗證、API 金鑰或環境變數。僅支援 stdio 的舊用戶端需透過 mcp-remote 之類的橋接工具。需要網路存取，端點依 IP 限流。

安裝前請注意

匿名免費，但有限流（每 IP 每分鐘 60 次請求，字型辨識、色彩擷取與解析類工具另有更嚴格的單一工具上限）。有三個工具會抓取使用者提供的 URL，因此傳入的圖片或網址會送到該服務；上傳圖片據稱僅在記憶體中處理、不予儲存。程式碼與 SVG 會送到第三方解析，服務方聲明不會執行也不會儲存。

安裝

在 SourceWeft 中

開啟儀表板中的 Jinero，將其新增到工作區。
為需要使用其工具的對話啟用該服務。

Web executable，透過 Streamable HTTP。遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/online.jinero%2Fjinero/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "jinero": {
      "type": "http",
      "url": "https://jinero.online/mcp"
    }
  }
}

README

Jinero MCP Server

[jinero-mcp MCP server] [smithery badge]

online.jinero/jinero — a hosted, remote Model Context Protocol server that gives AI agents (Claude, Cursor, Cline, Zed, Gemini CLI…) the design tools of jinero.online: 22 read-only tools for fonts (search, CSS, files, recognition from an image), color math (WCAG contrast, shades, naming, palette extraction), curated palettes, code minify/convert/detect, SVG optimization and SCSS helpers.

Endpoint: https://jinero.online/mcp (Streamable HTTP)
Auth: none — anonymous & free, rate-limited at 60 req/min per IP (plus per-tool caps on heavy tools, see below)
Registry: online.jinero/jinero in the official MCP registry
Manifest: /.well-known/mcp/server.json
Human docs: jinero.online/dev/mcp — full reference with example responses

Connect

Claude Code (CLI):

Claude Desktop / Cursor / Cline (config):

Older stdio-only clients can bridge with npx mcp-remote https://jinero.online/mcp.

Trust & safety

Every tool declares MCP annotations, verifiable in tools/list:

all 22 tools are readOnlyHint: true and idempotentHint: true;
submitted code/SVG is parsed and transformed as text — never executed, never stored;
uploaded images (font recognition, color extraction) are processed in memory and deleted immediately;
only three tools fetch a user-supplied URL (recognize_font, extract_colors, svg_to_datauri) — marked openWorldHint: true, with SSRF-guarded, size-capped fetches.

A note for automated risk scanners: some directories classify minify_code, convert_code, generate_clamp or recognize_font as "write" tools based on their verbs. They are pure functions — text/math in, text out; nothing on the server or the caller's side is modified. The authoritative signal is the readOnlyHint: true annotation each of the 22 tools declares in tools/list (snapshotted in tools.json).

Rate limits

The whole endpoint is capped at 60 requests/min per IP. On top of that, compute-heavy tools enforce their own per-tool per-IP caps (server v1.4.0+), returned as a clean tool error with a retry hint when exceeded — each cap is also stated in the tool's description:

Tool	Cap	Why
`recognize_font`	5/min	CNN model inference
`extract_colors`	10/min	image analysis subprocess
`minify_code`, `convert_code`, `optimize_svg`	30/min	parser subprocesses
`svg_to_datauri`	30/min	may fetch external URLs

Tests & CI

tests/tools.test.mjs exercises every declared tool against the live endpoint (zero dependencies, Node 20+):

CI runs the suite on every push and weekly (workflow), and tools.json is a committed snapshot of the live tools/list — schemas and annotations included (npm run update-snapshot to refresh).

Try it without a client

bash

# List all toolscurl -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"}'

# List all toolscurl -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"}'

More runnable examples in examples/.

Tool reference

Generated from the live tools/list of the current server version.

Fonts

`search_fonts`

Search the free font catalog by name, category, style tags, language coverage, variable/monospace flags and style count. Returns a paginated list of families.

read-only · idempotent

Parameter	Type	Description
`name`	string	Fuzzy name match.
`category`	string	Comma-separated categories, e.g. 'serif,sans'.
`langs`	string	Comma-separated language codes, e.g. 'latin,cyrillic' — ALL must be supported.
`style`	string	Comma-separated style tags, e.g. 'handwriting,condensed' — ALL must match. One of: handwriting, script, display, slab, rounded, condensed, expanded, stencil, pixel, blackletter, outline, retro.
`variable`	boolean	Only variable fonts.
`monospace`	boolean	Only monospace fonts.
`styles_min`	integer	Minimum number of styles.
`styles_max`	integer	Maximum number of styles.
`order`	string: likes \| downloads \| views \| name \| created_at	Sort field, default 'likes'.
`sort`	string: asc \| desc	Sort direction.
`per_page`	integer	Results per page (default 24).
`page`	integer	Page number.

`recognize_font`

Identify which font is used in an image. Powered by our OWN CNN embedding model, trained on the jinero font catalog — it matches fonts by visual shape/style, so it needs NO OCR and NO text (works for Latin and Cyrillic). Send a tight crop of one line of text as either image_url (public URL) or image_base64 (base64/data-URI, e.g. a local screenshot). The image is processed in memory and deleted immediately — never stored. Returns the most visually similar font families with scores. Fast (~200 ms).

read-only · idempotent · fetches external URLs

Parameter	Type	Description
`image_url`	string	Public URL of an image — a tight crop of one line of text. Provide either this or image_base64. Recognition is by visual shape (no OCR/text needed); Latin & Cyrillic supported.
`image_base64`	string	Base64-encoded image (raw base64 or a data:image/...;base64 URI), max 8 MB decoded — use this to send a local file/screenshot without hosting it. Provide either this or image_url.
`top_k`	integer	Number of font matches to return (3–20, default 8).

`get_font`

Get full metadata for one font family by slug: styles, weights, axes, license, subsets and download/CSS URLs.

read-only · idempotent

`get_font_files`

List every font file (weight/italic/format + direct woff2/ttf URL) for a family — handy for building custom @font-face rules.

read-only · idempotent

`get_fonts_css`

Generate ready-to-use @font-face CSS for a family spec (Google-Fonts-compatible), e.g. "inter:wght@400,700" or a variable range "inter:[email protected]". Returns CSS text.

read-only · idempotent

Parameter	Type	Description
`family` (required)	string	Family spec, e.g. "inter:wght@400,700" or "inter:[email protected]".
`display`	string: swap \| auto \| block \| fallback \| optional	font-display value (default swap).

`get_font_download_url`

Return the direct ZIP download URL for a font family (all styles + a ready fonts.css). Does NOT download — hand the URL to the user or fetch it separately.

read-only · idempotent

Colors

`check_contrast`

Check the WCAG contrast ratio between a foreground and background color, with AA/AAA pass/fail for normal and large text.

read-only · idempotent

`get_color_shades`

Generate tints and shades for a base color (lighter/darker steps) with hex values.

read-only · idempotent

`name_color`

Get the closest human-readable name for one or more colors. Pass a single hex or several comma-separated (e.g. "#3b82f6,#000,#ff7f50"); returns each input with its nearest color name, the reference hex, an exact-match flag and the perceptual distance.

read-only · idempotent

`extract_colors`

Extract a dominant-color palette from an image. Send either a public image_url or image_base64 (base64/data-URI, e.g. a local screenshot). The image is processed in memory and never stored. Each color comes back with its hex, rgb, hsl, share of the image, and the closest human color name — a named palette in one call.

read-only · idempotent · fetches external URLs

Parameter	Type	Description
`image_url`	string	Public URL of the image to pull the palette from. Provide either this or image_base64.
`image_base64`	string	Base64-encoded image (raw base64 or a data:image/...;base64 URI), max 10 MB decoded — use this to send a local file/screenshot without hosting it. Provide either this or image_url.
`count`	integer	How many colors to return (2–16, default 8).
`mode`	string	Palette mode: "balanced" (default), "vibrant", or "muted".

Palettes

`search_palettes`

Search the color-palette catalog by name, tone, temperature, mood, harmony, exact color count and tags. Returns a paginated list.

read-only · idempotent

Parameter	Type	Description
`name`	string	Fuzzy name match.
`tone`	string: light \| dark \| mixed	Overall tone.
`temperature`	string: warm \| cool \| neutral	Color temperature.
`mood`	string	e.g. pastel, muted, earthy, vibrant, monochrome.
`harmony`	string	e.g. analogous, complementary, triadic, monochromatic, split-complementary, tetradic.
`color_count`	integer	Exact number of colors.
`tags`	array	Tag slugs — ALL must match (AND).
`order`	string: newest \| popular \| name	Sort order (default newest).
`per_page`	integer	Results per page (default 24).
`page`	integer	Page number.

`get_palette`

Get one color palette by id: its colors (hex), name/derived title, mood, harmony, temperature and tags.

read-only · idempotent

Code

`minify_code`

Minify or beautify JS, CSS, HTML, SVG, JSON or XML text. Set type=auto to sniff the language. The code is only parsed and re-printed — never executed and never stored.

read-only · idempotent

Parameter	Type	Description
`code` (required)	string	Source code to transform.
`type` (required)	string: js \| css \| html \| svg \| json \| xml \| auto	Source language, or 'auto' to sniff.
`mode`	string: minify \| beautify	Default minify.
`keep_license`	boolean	Preserve /! ... / license comments when minifying.

`detect_code`

Detect the language/format of a code snippet. Static analysis only — the snippet is never executed and never stored.

read-only · idempotent

`convert_code`

Convert code between text formats (e.g. JSON↔YAML, CSS↔SCSS). Pure text transformation: the source is parsed and re-serialized, never executed and never stored. Use list_code_converters for valid from/to ids and per-converter options.

read-only · idempotent

Parameter	Type	Description
`code` (required)	string	Source code to convert.
`from` (required)	string	Source format id (see list_code_converters).
`to` (required)	string	Target format id.
`options`	object	Per-converter options (see optionsSchema in list_code_converters).

`list_code_converters`

List available code converters with their from/to ids and per-converter option schemas.

read-only · idempotent

No parameters.

SVG

`optimize_svg`

Optimize/clean SVG markup (SVGO). Pure markup transformation — nothing is executed or stored. Returns minified SVG plus before/after sizes.

read-only · idempotent

`svg_to_datauri`

Encode an SVG (or fetched image) as a CSS-ready data: URI. Provide either raw svg or a url.

read-only · idempotent · fetches external URLs

Parameter	Type	Description
`svg`	string	Raw SVG markup. Mutually exclusive with url.
`url`	string	Public image URL the server will fetch.
`encoding`	string: utf8 \| base64	Defaults: utf8 for SVG, base64 for raster.
`quotes`	string: single \| double	Quote style for the data URI (default double).

`list_svg_presets`

List the available SVG optimization presets and what each one does.

read-only · idempotent

No parameters.

Dev

`list_scss_mixins`

List the SCSS mixin catalog (id, title, short description), optionally filtered by group or search.

read-only · idempotent

`get_scss_mixin`

Get one SCSS mixin by id: full source, parameters and usage example.

read-only · idempotent

`generate_clamp`

Calculate a fluid CSS clamp() expression for responsive sizing between two viewport widths. Pure calculation — returns a CSS snippet, writes and stores nothing.

read-only · idempotent

Parameter	Type	Description
`min_fs` (required)	number	Minimum size in px.
`max_fs` (required)	number	Maximum size in px.
`min_vw`	number	Viewport width at min_fs (default 320).
`max_vw`	number	Viewport width at max_fs (default 1440).
`unit`	string: px \| rem \| both	Output unit (default rem).
`root`	number	Root font-size in px for rem conversion (default 16).

About

Built and operated by jinero.online — free design tools for fonts, icons, colors and code. The MCP server is a thin wrapper over the same public REST API: one contract, identical behavior.

This repository holds the public documentation and examples for the server. Issues and feature requests for the tools are welcome here.

來源：README.md，提交 d0e5fb8

工具

search_fonts

Search Fonts Tool

Search the free font catalog by name, category, style tags, language coverage, variable/monospace flags and style count. Returns a paginated list of families.

輸入參數namepagesortlangsorderstylecategoryper_pagevariablemonospacestyles_maxstyles_min

recognize_font

Recognize Font Tool

輸入參數top_kimage_urlimage_base64

get_font

Get Font Tool

Get full metadata for one font family by slug: styles, weights, axes, license, subsets and download/CSS URLs.

輸入參數slug必填

get_font_files

Get Font Files Tool

List every font file (weight/italic/format + direct woff2/ttf URL) for a family — handy for building custom @font-face rules.

輸入參數slug必填

get_fonts_css

Get Fonts Css Tool

Generate ready-to-use @font-face CSS for a family spec (Google-Fonts-compatible), e.g. "inter:wght@400,700" or a variable range "inter:[email protected]". Returns CSS text.

輸入參數family必填display

get_font_download_url

Get Font Download Url Tool

Return the direct ZIP download URL for a font family (all styles + a ready fonts.css). Does NOT download — hand the URL to the user or fetch it separately.

輸入參數slug必填

check_contrast

Check Contrast Tool

Check the WCAG contrast ratio between a foreground and background color, with AA/AAA pass/fail for normal and large text.

輸入參數bg必填fg必填

get_color_shades

Get Color Shades Tool

Generate tints and shades for a base color (lighter/darker steps) with hex values.

輸入參數hex必填steplimit

name_color

Name Color Tool

輸入參數hex必填

extract_colors

Extract Colors Tool

輸入參數modecountimage_urlimage_base64

search_palettes

Search Palettes Tool

Search the color-palette catalog by name, tone, temperature, mood, harmony, exact color count and tags. Returns a paginated list.

輸入參數moodnamepagetagstoneorderharmonyper_pagecolor_counttemperature

get_palette

Get Palette Tool

Get one color palette by id: its colors (hex), name/derived title, mood, harmony, temperature and tags.

輸入參數id必填

minify_code

Minify Code Tool

Minify or beautify JS, CSS, HTML, SVG, JSON or XML text. Set type=auto to sniff the language. The code is only parsed and re-printed — never executed and never stored. Rate limit: 30 calls/min per IP.

輸入參數code必填modetype必填keep_license

detect_code

Detect Code Tool

Detect the language/format of a code snippet. Static analysis only — the snippet is never executed and never stored.

輸入參數code必填

convert_code

Convert Code Tool

輸入參數to必填code必填from必填options

list_code_converters

List Code Converters Tool

List available code converters with their from/to ids and per-converter option schemas.

無需輸入參數。

optimize_svg

Optimize Svg Tool

Optimize/clean SVG markup (SVGO). Pure markup transformation — nothing is executed or stored. Returns minified SVG plus before/after sizes. Rate limit: 30 calls/min per IP.

輸入參數svg必填preset

svg_to_datauri

Svg To Data Uri Tool

Encode an SVG (or fetched image) as a CSS-ready data: URI. Provide either raw svg or a url. Rate limit: 30 calls/min per IP.

輸入參數svgurlquotesencoding

list_svg_presets

List Svg Presets Tool

List the available SVG optimization presets and what each one does.

無需輸入參數。

list_scss_mixins

List Scss Mixins Tool

List the SCSS mixin catalog (id, title, short description), optionally filtered by group or search.

輸入參數groupfieldssearch

get_scss_mixin

Get Scss Mixin Tool

Get one SCSS mixin by id: full source, parameters and usage example.

輸入參數id必填

generate_clamp

Generate Clamp Tool

Calculate a fluid CSS clamp() expression for responsive sizing between two viewport widths. Pure calculation — returns a CSS snippet, writes and stores nothing.

輸入參數rootunitmax_fs必填max_vwmin_fs必填min_vw

版本歷史

v1.4.0最新Sep 16, 2026

評分

已滿足適用檢查項的 100%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

近 30 天內可連通必需25 分
已宣告認證方式必需10 分
已列出工具必需15 分
描述必需15 分
圖示10 分
文件15 分
授權條款10 分

Parameter	Type	Description
`hex` (required)	string	Base color in hex, rgb(), or hsl().
`step`	string: 5 \| 10 \| 20 \| 25	Step percentage (default 10).
`limit`	integer	Cap on tints/shades (default fills to ~100%).

Parameter	Type	Description
`svg` (required)	string	SVG source. Max 500,000 chars.
`preset`	string: safe \| balanced \| aggressive	Optimization preset (default balanced).

Parameter	Type	Description
`group`	string	e.g. Bootstrap, Project, Pattern, Placeholder.
`search`	string	Fuzzy substring across id/title/short/desc.
`fields`	string: summary \| full	Detail level (default summary).