← gini.iq

INDIVIDUAL MCP TOOL

get_stylesheet

Drop-in code: `brand` (CSS variables + shadcn aliases), `tailwind` (Tailwind v4 @theme block), `skeu` (every skeu-* component class), or `tokens` (W3C design tokens JSON).

gini.iqnone authenticationAvailability not checked

LIVE ENDPOINT

https://gini.iq/mcp

No auth detected

Connect to this endpoint to inspect the live schema for get_stylesheet and invoke it with your own arguments.

Indexed input schema

{}

Risk classification

Potential side effects detected · medium confidence · heuristic, not a guarantee.

  • A tool name or description contains a deletion term.

Parent server

gini.iq

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.gini-brand]
url = "https://gini.iq/mcp"
enabled = true
Claude Code

.mcp.json

{
  "mcpServers": {
    "gini-brand": {
      "type": "http",
      "url": "https://gini.iq/mcp"
    }
  }
}
Claude Desktop

Settings → Connectors → Add custom connector

Name: gini-brand
Remote MCP URL: https://gini.iq/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "gini-brand": {
      "url": "https://gini.iq/mcp"
    }
  }
}
Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code
{
  "servers": {
    "gini-brand": {
      "type": "http",
      "url": "https://gini.iq/mcp"
    }
  }
}
Generic MCP

Client-specific MCP configuration

{
  "name": "gini-brand",
  "transport": "streamable-http",
  "url": "https://gini.iq/mcp"
}
MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

Related tools

  • get_brand_overview — Who GINI is: names, tagline, positioning, mission/vision, what the brand is and is not, quick facts, contact, licence, version, and every canonical endpoint (JSON, Markdown, CSS, prompt, logos, mascots).
  • get_palette — The official colours with HEX, RGB, HSL, CMYK and Pantone, the role of each (primary, accent, text, surface), the recommended text colour on top of each, and the pre-validated WCAG contrast pairs.
  • check_contrast — Compute the WCAG 2.x contrast ratio between a foreground and a background colour (hex), rate it for normal text, large text and UI components, and say whether the pair is already an approved GINI pairing.
  • get_typography — The typeface (Rubik, Arabic + Latin in one family), approved weights, fallback stack, the five-step type scale with sizes / weights / line-heights, and the Arabic-specific line-height rule.
  • get_logos — All eight official logo masters (wordmark + monogram, colour + one-colour, black + white) as absolute SVG URLs, the exact file to use on a given surface, clear-space and minimum-size rules, and the do / don't list.
  • get_product_marks — The sub-brand marks (GINI Market, Friday Market, Loyalty/DOT, Fawz) with artwork URLs, aspect ratios, product pages and the lock-up rules for showing a product next to the GINI mark.
  • get_design_system — How the GINI interface is built: modern-skeuomorphism philosophy and principles, the single-light model, the four materials with their CSS classes, the elevation ladder, radius scale, motion rules, state rules, do / don't, and the core --skeu-* tokens.
  • list_components — Index of the 112 copy-ready components (buttons, forms, navigation, data display, feedback, commerce, marketing sections).