Jinero
AI-agent design tools: fonts, font recognition, palettes, color naming, contrast, code, SVG, CSS.
Connect it
Settings → Connectors → Add custom connector
URL: https://jinero.online/mcpSettings → Apps & Connectors → Advanced → Developer mode
Create connector with URL: https://jinero.online/mcp{
"mcpServers": {
"jinero": {
"url": "https://jinero.online/mcp"
}
}
}claude mcp add --transport http jinero https://jinero.online/mcp{
"servers": {
"jinero": {
"type": "http",
"url": "https://jinero.online/mcp"
}
}
}22 tools, verified live
search_fontsread-onlySearch 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-onlyIdentify 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-onlyGet full metadata for one font family by slug: styles, weights, axes, license, subsets and download/CSS URLs.
get_font_filesread-onlyList every font file (weight/italic/format + direct woff2/ttf URL) for a family — handy for building custom @font-face rules.
get_fonts_cssread-onlyGenerate 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-onlyReturn 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-onlyCheck the WCAG contrast ratio between a foreground and background color, with AA/AAA pass/fail for normal and large text.
get_color_shadesread-onlyGenerate tints and shades for a base color (lighter/darker steps) with hex values.
name_colorread-onlyGet 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-onlyExtract 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-onlySearch the color-palette catalog by name, tone, temperature, mood, harmony, exact color count and tags. Returns a paginated list.
get_paletteread-onlyGet one color palette by id: its colors (hex), name/derived title, mood, harmony, temperature and tags.
minify_coderead-onlyMinify 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-onlyDetect the language/format of a code snippet. Static analysis only — the snippet is never executed and never stored.
convert_coderead-onlyConvert 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-onlyList available code converters with their from/to ids and per-converter option schemas.
optimize_svgread-onlyOptimize/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-onlyEncode 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-onlyList the available SVG optimization presets and what each one does.
list_scss_mixinsread-onlyList the SCSS mixin catalog (id, title, short description), optionally filtered by group or search.
get_scss_mixinread-onlyGet one SCSS mixin by id: full source, parameters and usage example.
generate_clampread-onlyCalculate 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 →GIGitDiagramA
Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
MDMCP Docs ServerOfficialA
AI access to Mapbox docs, API references, style specs, and guides. No token required.
MGMCP GrafanaOfficialA
An MCP server giving access to Grafana dashboards, data and more.
MDMCP Devkit ServerOfficialA
Provides AI assistants with direct access to Mapbox developer APIs and documentation.
Front-End ChecklistA
Review frontend code and live pages against 386 quality-gated web development rules.
PMPostHog MCP ServerOfficialA
Official PostHog MCP Server for product analytics, feature flags, experiments, and more.