JI

Jinero

online.jinero/jinero

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

Yes, your AI can use this right now.Answered a live MCP handshake in 654 ms with no sign-in needed and exposes 22 tools.

Connect it

Settings → Connectors → Add custom connector
URL: https://jinero.online/mcp

22 tools, verified live

Pulled straight from the server with tools/list on 2026-10-18.
search_fontsread-only

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

recognize_fontread-only

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 imm

get_fontread-only

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

get_font_filesread-only

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

get_fonts_cssread-only

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:wght@300..900". Returns CSS text.

get_font_download_urlread-only

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.

check_contrastread-only

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

get_color_shadesread-only

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

name_colorread-only

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.

extract_colorsread-only

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. Rate limit: 10 calls/min per IP.

search_palettesread-only

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

get_paletteread-only

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

minify_coderead-only

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.

detect_coderead-only

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

convert_coderead-only

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. Rate limit: 30 calls/min per IP.

list_code_convertersread-only

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

optimize_svgread-only

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_to_datauriread-only

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.

list_svg_presetsread-only

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

list_scss_mixinsread-only

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

get_scss_mixinread-only

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

generate_clampread-only

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

Alternatives in Developer Tools

Compare →
Try “Notion”, “Stripe”, “create invoice”, “browser”