Koskamo

css-sota-mcp

An open-source MCP server that provides live CSS Baseline status, browser support data from webstatus.dev and MDN, and UX heuristic auditing tools for AI coding agents.

Endpoint and access

No sign-in to connect and list tools. Individual tools may still need a vendor account, credentials, or permissions; check the documented prerequisites.

css-sota-mcp logo, by LuSrodriCommunity listingStreamable HTTPNo sign-inEndpoint checked 2026-11-06Published by LuSrodri
MCP endpoint (Streamable HTTP)
https://css-sota-mcp.lusrodri.workers.dev/mcp
Vendor documentation

What its tools do

6 tools, grouped by the hints the server advertises. Hints are self-declared, not verified behavior.

6 of 6 have a description · 6 of 6 declare behavior hints · 6 of 6 with parameters document them all

Checks and signals

Each line is separate evidence, not a trust score.

  • Passed Endpoint answered the live check ·
  • Availability 1 of 1 checks passed in 30 days

What you can do with it

  • Search CSS features by keyword and Baseline status
  • Audit stylesheets for browser compatibility targets
  • Check per-browser support for specific CSS properties
  • Review UI designs against 37 UX principles

Source and maintenance

Community listingRegistry 0.1.0
Maintenance checked

Protocol and capabilities

Server
css-sota-mcp 0.1.0
MCP protocol negotiated in check
2025-11-25
Tools
6 advertised
Resources
Not advertised
Resource templates
Not advertised
Prompts
Not advertised
Server-advertised capabilities
{
  "tools": {
    "listChanged": true
  }
}

Server-provided instructions

Untrusted server output shown for inspection. It is not Koskamo guidance and is excluded from knowledge search.

Answers "what CSS can I actually ship?" from live Baseline data and MDN browser-compat-data. Pick a tool by the question: - Which features exist for X, and are they safe yet? -> search_css_features - What became usable recently? -> whats_new - Everything about one feature -> get_feature - Which browser versions support one property/value/selector? -> check_support - Does this stylesheet work for my users? -> audit_css - How should this UI be designed, or is this page any good? -> dont_make_me_think Baseline levels: "widely" means interoperable across Chrome, Edge, Firefox and Safari (desktop and mobile) for 30+ months; "newly" means interoperable but recently so; "limited" means at least one major engine is missing it. search_css_features, whats_new and get_feature query api.webstatus.dev live. check_support and audit_css answer from bundled data (browser-compat-data 8.0.8, web-features 3.34.2) and need no network access.

Tools

6 advertised

search_css_features — Search CSS features
Advertised by the server during the last successful anonymous check.
Advertised read-onlyOpen-world

Search CSS features on the Web Platform Dashboard (webstatus.dev) by keyword, Baseline status, and the date range in which they reached Baseline. Use this to answer questions like "which CSS features for scroll animations are Baseline yet?" or "what limited-support CSS is there for anchoring?". Returns live Baseline data. For the browser versions a specific property shipped in, use check_support instead.

search_css_features input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "properties": {
    "limit": {
      "type": "integer",
      "default": 25,
      "maximum": 100,
      "minimum": 1,
      "description": "Maximum number of features to return."
    },
    "query": {
      "type": "string",
      "maxLength": 120,
      "description": "Free-text search over feature names and descriptions, e.g. \"container queries\", \"anchor\", \"scroll\". Omit to list all CSS features matching the other filters."
    },
    "since": {
      "type": "string",
      "pattern": "^\\d{4}-\\d{2}-\\d{2}$",
      "description": "Only features that became Baseline Newly available on or after this date (YYYY-MM-DD). Combined with `baseline`, this means \"went Newly in this range AND is status X today\"."
    },
    "until": {
      "type": "string",
      "pattern": "^\\d{4}-\\d{2}-\\d{2}$",
      "description": "Only features that became Baseline Newly available on or before this date (YYYY-MM-DD)."
    },
    "baseline": {
      "enum": [
        "limited",
        "newly",
        "widely"
      ],
      "type": "string",
      "description": "Filter by Baseline status: \"widely\" (interoperable for 30+ months, safe to use), \"newly\" (interoperable across all major engines recently), or \"limited\" (not yet available across all major engines)."
    }
  }
}
search_css_features output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "query",
    "truncated",
    "features"
  ],
  "properties": {
    "query": {
      "type": "string",
      "description": "The dashboard query that was executed."
    },
    "total": {
      "type": "integer",
      "maximum": 9007199254740991,
      "minimum": -9007199254740991,
      "description": "Total matches upstream, across all pages."
    },
    "features": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "id",
          "name",
          "baseline",
          "baselineDate",
          "spec"
        ],
        "properties": {
          "id": {
            "type": "string"
          },
          "name": {
            "type": "string"
          },
          "spec": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "baseline": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "baselineDate": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          }
        },
        "additionalProperties": false
      }
    },
    "truncated": {
      "type": "boolean",
      "description": "Whether more matches exist than were returned."
    }
  },
  "additionalProperties": false
}
search_css_features annotations
{
  "readOnlyHint": true,
  "openWorldHint": true
}
whats_new — What's new in CSS
Advertised by the server during the last successful anonymous check.
Advertised read-onlyOpen-world

List CSS features that crossed a Baseline threshold within a date range, newest first. Use this to answer "what CSS can I start using now?", to write release notes, or to catch up after time away. Defaults to the last 180 days. The date is when a feature became interoperable across browsers, which is usually well after it first shipped in one.

whats_new input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "properties": {
    "limit": {
      "type": "integer",
      "default": 50,
      "maximum": 100,
      "minimum": 1,
      "description": "Maximum number of features to return."
    },
    "since": {
      "type": "string",
      "pattern": "^\\d{4}-\\d{2}-\\d{2}$",
      "description": "Start of the window (YYYY-MM-DD), inclusive. Defaults to 180 days before today."
    },
    "until": {
      "type": "string",
      "pattern": "^\\d{4}-\\d{2}-\\d{2}$",
      "description": "End of the window (YYYY-MM-DD), inclusive. Defaults to today."
    },
    "transition": {
      "enum": [
        "newly",
        "widely",
        "any"
      ],
      "type": "string",
      "default": "newly",
      "description": "Which threshold was crossed in the window: \"newly\" for features that became interoperable across all major engines (the usual meaning of new), \"widely\" for those that reached the 30-month Widely available mark, or \"any\" for both."
    }
  }
}
whats_new output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "since",
    "until",
    "count",
    "truncated",
    "features"
  ],
  "properties": {
    "count": {
      "type": "integer",
      "maximum": 9007199254740991,
      "minimum": -9007199254740991
    },
    "since": {
      "type": "string"
    },
    "until": {
      "type": "string"
    },
    "features": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "id",
          "name",
          "transition",
          "date",
          "baseline",
          "spec"
        ],
        "properties": {
          "id": {
            "type": "string"
          },
          "date": {
            "type": "string"
          },
          "name": {
            "type": "string"
          },
          "spec": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "baseline": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "transition": {
            "enum": [
              "newly",
              "widely"
            ],
            "type": "string"
          }
        },
        "additionalProperties": false
      }
    },
    "truncated": {
      "type": "boolean"
    }
  },
  "additionalProperties": false
}
whats_new annotations
{
  "readOnlyHint": true,
  "openWorldHint": true
}
get_feature — Get CSS feature details
Advertised by the server during the last successful anonymous check.
Advertised read-onlyOpen-world

Get everything known about one CSS feature: Baseline status and dates, the browser versions it shipped in, its description, spec links, Web Platform Tests scores, usage, and MDN reference prose. Accepts a web-features id ("container-queries") or a display name ("Container queries"). Use search_css_features first if you do not know the id.

get_feature input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "feature_id"
  ],
  "properties": {
    "feature_id": {
      "type": "string",
      "maxLength": 120,
      "minLength": 1,
      "description": "The web-features id, e.g. \"anchor-positioning\", \"container-queries\", \"subgrid\". A display name such as \"Anchor positioning\" also works."
    },
    "include_mdn": {
      "type": "boolean",
      "default": true,
      "description": "Fetch MDN reference prose for the feature. Set false for a faster, terser answer."
    }
  }
}
get_feature output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "id",
    "name",
    "found",
    "description",
    "baseline",
    "baselineLowDate",
    "baselineHighDate",
    "spec",
    "browsers",
    "bcdKeys",
    "caniuse",
    "mdnUrl",
    "suggestions"
  ],
  "properties": {
    "id": {
      "type": "string"
    },
    "name": {
      "type": "string"
    },
    "spec": {
      "type": "array",
      "items": {
        "type": "string"
      }
    },
    "found": {
      "type": "boolean"
    },
    "mdnUrl": {
      "anyOf": [
        {
          "type": "string"
        },
        {
          "type": "null"
        }
      ]
    },
    "bcdKeys": {
      "type": "array",
      "items": {
        "type": "string"
      }
    },
    "caniuse": {
      "type": "array",
      "items": {
        "type": "string"
      }
    },
    "baseline": {
      "anyOf": [
        {
          "type": "string"
        },
        {
          "type": "null"
        }
      ]
    },
    "browsers": {
      "type": "object",
      "propertyNames": {
        "type": "string"
      },
      "additionalProperties": {
        "type": "object",
        "required": [
          "version",
          "date"
        ],
        "properties": {
          "date": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "version": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          }
        },
        "additionalProperties": false
      }
    },
    "description": {
      "anyOf": [
        {
          "type": "string"
        },
        {
          "type": "null"
        }
      ]
    },
    "suggestions": {
      "type": "array",
      "items": {
        "type": "string"
      }
    },
    "baselineLowDate": {
      "anyOf": [
        {
          "type": "string"
        },
        {
          "type": "null"
        }
      ]
    },
    "baselineHighDate": {
      "anyOf": [
        {
          "type": "string"
        },
        {
          "type": "null"
        }
      ]
    }
  },
  "additionalProperties": false
}
get_feature annotations
{
  "readOnlyHint": true,
  "openWorldHint": true
}
check_support — Check CSS browser support
Advertised by the server during the last successful anonymous check.
Advertised read-only

Look up which browser versions support a CSS property, value, selector, at-rule or function, from MDN browser-compat-data bundled with this server (no network call). Give either a BCD key ("css.properties.anchor-name") or a property with an optional value ("display" + "grid"). Also reports vendor prefixes, partial implementations and the Baseline status of the feature the key belongs to.

check_support input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "properties": {
    "value": {
      "type": "string",
      "description": "A value for that property, e.g. \"grid\" for display. Falls back to the property's own support when the value is not tracked separately."
    },
    "bcd_key": {
      "type": "string",
      "description": "A browser-compat-data key, e.g. \"css.properties.text-wrap-style\", \"css.selectors.has\", \"css.at-rules.container\", \"css.types.color.color-mix\". Takes precedence over property/value."
    },
    "property": {
      "type": "string",
      "description": "A CSS property name, e.g. \"display\", \"anchor-name\". Used when bcd_key is absent."
    },
    "all_browsers": {
      "type": "boolean",
      "default": false,
      "description": "Include every browser in the dataset (Opera, Samsung Internet, WebView, IE) rather than only the seven that determine Baseline."
    }
  }
}
check_support output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "resolved",
    "key",
    "featureId",
    "baseline",
    "deprecated",
    "experimental",
    "support",
    "mdnUrl",
    "spec",
    "suggestions"
  ],
  "properties": {
    "key": {
      "anyOf": [
        {
          "type": "string"
        },
        {
          "type": "null"
        }
      ]
    },
    "spec": {
      "anyOf": [
        {
          "type": "string"
        },
        {
          "type": "null"
        }
      ]
    },
    "mdnUrl": {
      "anyOf": [
        {
          "type": "string"
        },
        {
          "type": "null"
        }
      ]
    },
    "support": {
      "type": "object",
      "propertyNames": {
        "type": "string"
      },
      "additionalProperties": {
        "type": "object",
        "required": [
          "since",
          "prefix",
          "alternativeName",
          "partial",
          "removedIn"
        ],
        "properties": {
          "since": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "prefix": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "partial": {
            "type": "boolean"
          },
          "removedIn": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "alternativeName": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          }
        },
        "additionalProperties": false
      }
    },
    "baseline": {
      "anyOf": [
        {
          "type": "string"
        },
        {
          "type": "null"
        }
      ]
    },
    "resolved": {
      "type": "boolean"
    },
    "featureId": {
      "anyOf": [
        {
          "type": "string"
        },
        {
          "type": "null"
        }
      ]
    },
    "deprecated": {
      "type": "boolean"
    },
    "suggestions": {
      "type": "array",
      "items": {
        "type": "string"
      }
    },
    "experimental": {
      "type": "boolean"
    }
  },
  "additionalProperties": false
}
check_support annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
audit_css — Audit CSS against browser targets
Advertised by the server during the last successful anonymous check.
Advertised read-only

Scan CSS source and report every feature in it that does not meet a browser support target. Targets are either a Baseline level ("baseline-widely", "baseline-newly") or an explicit browser list ("chrome 120, safari 17.4, firefox 128"). Reports the offending line, what is wrong (unsupported, too old, prefix-only, partial), and the minimum version that would work. Browserslist queries like "last 2 versions" are not supported. IMPORTANT when reading Baseline-level results: Baseline describes a whole feature, and a feature can be "Limited" because one part of it is not interoperable while the exact declaration you wrote works everywhere. "Cursor styles" is Limited, so `cursor: pointer` is reported — yet it only lacks iOS Safari, where a cursor is meaningless rather than broken. Each finding therefore also names the browsers missing that specific key, or says that the key ships everywhere and the status comes from elsewhere in the feature. Read that line before removing anything: a key that ships everywhere is still not proof the code works, since it may be inert without the parts that do not.

audit_css input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "source"
  ],
  "properties": {
    "source": {
      "type": "string",
      "maxLength": 400000,
      "minLength": 1,
      "description": "The CSS source to audit. Malformed CSS is tolerated and scanned best-effort."
    },
    "target": {
      "type": "string",
      "default": "baseline-widely",
      "description": "Support target. Either a Baseline level (\"baseline-widely\", \"baseline-newly\") or a comma-separated browser list (\"chrome 120, safari 17.4, firefox 128\"). Known browsers: chrome, chrome_android, edge, firefox, firefox_android, safari, safari_ios, opera, opera_android, samsunginternet_android, webview_android, ie."
    },
    "include_passing": {
      "type": "boolean",
      "default": false,
      "description": "Also list the features that meet the target, not just the ones that fail."
    }
  }
}
audit_css output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "target",
    "featuresChecked",
    "failing",
    "unknown",
    "findings"
  ],
  "properties": {
    "target": {
      "type": "string"
    },
    "failing": {
      "type": "integer",
      "maximum": 9007199254740991,
      "minimum": -9007199254740991
    },
    "unknown": {
      "type": "integer",
      "maximum": 9007199254740991,
      "minimum": -9007199254740991
    },
    "findings": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "key",
          "featureId",
          "kind",
          "name",
          "line",
          "occurrences",
          "snippet",
          "status",
          "reasons",
          "baseline"
        ],
        "properties": {
          "key": {
            "type": "string"
          },
          "kind": {
            "type": "string"
          },
          "line": {
            "type": "integer",
            "maximum": 9007199254740991,
            "minimum": -9007199254740991
          },
          "name": {
            "type": "string"
          },
          "status": {
            "enum": [
              "pass",
              "fail",
              "unknown"
            ],
            "type": "string"
          },
          "reasons": {
            "type": "array",
            "items": {
              "type": "string"
            }
          },
          "snippet": {
            "type": "string"
          },
          "baseline": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "featureId": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "occurrences": {
            "type": "integer",
            "maximum": 9007199254740991,
            "minimum": -9007199254740991
          }
        },
        "additionalProperties": false
      }
    },
    "featuresChecked": {
      "type": "integer",
      "maximum": 9007199254740991,
      "minimum": -9007199254740991
    }
  },
  "additionalProperties": false
}
audit_css annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
dont_make_me_think — Don't Make Me Think
Advertised by the server during the last successful anonymous check.
Advertised read-onlyOpen-world

UI/UX guidelines and a review of a page against them. mode="guidelines" returns the principles — Nielsen's 10 heuristics, Hick's and Fitts's laws, WCAG 2.2, neurodiversity-inclusive design, motion and microinteractions (including when Lottie or Rive are worth their bundle cost), SVG craft and animation, light-first theming, lightness and responsiveness — optionally filtered by topic. Read them BEFORE designing or building UI. mode="review" statically reviews supplied HTML and CSS, or a URL, and reports what violates which principle. The review reads source and does not render it, so it cannot measure computed contrast, real target sizes, or where focus lands — it catches what is visible in the markup, which is most of what actually goes wrong.

dont_make_me_think input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "properties": {
    "css": {
      "type": "string",
      "maxLength": 400000,
      "description": "CSS source to review."
    },
    "url": {
      "type": "string",
      "format": "uri",
      "description": "Page to fetch and review. Only the HTML and its inline styles are read — linked stylesheets are not followed, so pass `css` as well for a full review."
    },
    "html": {
      "type": "string",
      "maxLength": 400000,
      "description": "HTML source to review."
    },
    "mode": {
      "enum": [
        "guidelines",
        "review"
      ],
      "type": "string",
      "default": "guidelines",
      "description": "guidelines: return the principles to design against. review: check HTML/CSS or a URL against them."
    },
    "topic": {
      "enum": [
        "heuristics",
        "laws",
        "wcag",
        "neurodiversity",
        "motion",
        "svg",
        "theme",
        "performance",
        "responsive"
      ],
      "type": "string",
      "description": "Restrict guidelines to one area. Omit for all of them. Ignored when mode is \"review\"."
    }
  }
}
dont_make_me_think output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "mode",
    "version",
    "principles",
    "reviewed",
    "findings",
    "counts"
  ],
  "properties": {
    "mode": {
      "type": "string"
    },
    "counts": {
      "type": "object",
      "required": [
        "blocker",
        "major",
        "minor"
      ],
      "properties": {
        "major": {
          "type": "integer",
          "maximum": 9007199254740991,
          "minimum": -9007199254740991
        },
        "minor": {
          "type": "integer",
          "maximum": 9007199254740991,
          "minimum": -9007199254740991
        },
        "blocker": {
          "type": "integer",
          "maximum": 9007199254740991,
          "minimum": -9007199254740991
        }
      },
      "additionalProperties": false
    },
    "version": {
      "type": "string"
    },
    "findings": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "principleId",
          "principleTitle",
          "severity",
          "message",
          "evidence",
          "line",
          "source",
          "occurrences"
        ],
        "properties": {
          "line": {
            "anyOf": [
              {
                "type": "integer",
                "maximum": 9007199254740991,
                "minimum": -9007199254740991
              },
              {
                "type": "null"
              }
            ]
          },
          "source": {
            "type": "string"
          },
          "message": {
            "type": "string"
          },
          "evidence": {
            "anyOf": [
              {
                "type": "string"
              },
              {
                "type": "null"
              }
            ]
          },
          "severity": {
            "enum": [
              "blocker",
              "major",
              "minor"
            ],
            "type": "string"
          },
          "occurrences": {
            "type": "integer",
            "maximum": 9007199254740991,
            "minimum": -9007199254740991
          },
          "principleId": {
            "type": "string"
          },
          "principleTitle": {
            "type": "string"
          }
        },
        "additionalProperties": false
      }
    },
    "reviewed": {
      "type": "array",
      "items": {
        "type": "string"
      }
    },
    "principles": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "id",
          "topic",
          "title",
          "principle",
          "why",
          "rules",
          "source"
        ],
        "properties": {
          "id": {
            "type": "string"
          },
          "why": {
            "type": "string"
          },
          "rules": {
            "type": "array",
            "items": {
              "type": "string"
            }
          },
          "title": {
            "type": "string"
          },
          "topic": {
            "type": "string"
          },
          "source": {
            "type": "string"
          },
          "principle": {
            "type": "string"
          }
        },
        "additionalProperties": false
      }
    }
  },
  "additionalProperties": false
}
dont_make_me_think annotations
{
  "readOnlyHint": true,
  "openWorldHint": true
}

Prompts

Not advertised

No prompt definitions available.

Resources

Not advertised

No resource definitions available.

90-day uptime

A lightweight connection check about every six hours, sampled on hosts with many listings. It shows the server answered, not that its tools work.

Too few checks for a percentage yet (5 of 5 answered).

  1. 2026-11-06: 1 of 1 checks answered
  2. 2026-11-07: 2 of 2 checks answered
  3. 2026-11-09: 1 of 1 checks answered
  4. 2026-11-10: 1 of 1 checks answered

30-day availability

Aggregated from read-only remote checks; this is not a tool-execution or security guarantee.

Successful checks
1 of 1 (100%)
Average latency
364 ms
95th percentile latency
364 ms

Maintenance history

Public check and source-refresh events. Editorial and ownership records remain private.

  • · probe · passed · 364 ms · metadata changed · 6 tool(s)

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers the remote server. Use --scope project to write .mcp.json for the repo.
Claude Code configuration
claude mcp add --transport http css-sota-mcp https://css-sota-mcp.lusrodri.workers.dev/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).
Codex configuration
codex mcp add css-sota-mcp --url https://css-sota-mcp.lusrodri.workers.dev/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable css-sota-mcp in your MCP settings.
Cursor configuration
{
  "mcpServers": {
    "css-sota-mcp": {
      "url": "https://css-sota-mcp.lusrodri.workers.dev/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure).
Cline configuration
{
  "mcpServers": {
    "css-sota-mcp": {
      "type": "streamableHttp",
      "url": "https://css-sota-mcp.lusrodri.workers.dev/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start css-sota-mcp and inspect its tools.
VS Code configuration
{
  "servers": {
    "css-sota-mcp": {
      "type": "http",
      "url": "https://css-sota-mcp.lusrodri.workers.dev/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.
Gemini CLI configuration
gemini mcp add --transport http css-sota-mcp https://css-sota-mcp.lusrodri.workers.dev/mcp

Claude Desktop

Open Claude Settings > Connectors > Add custom connector, enter this server URL and enable it for the conversation. This is a manual remote-connector handoff, not a desktop JSON configuration.
Claude Desktop configuration
https://css-sota-mcp.lusrodri.workers.dev/mcp

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.
Windsurf configuration
{
  "mcpServers": {
    "css-sota-mcp": {
      "serverUrl": "https://css-sota-mcp.lusrodri.workers.dev/mcp"
    }
  }
}

Let your agent find its tools

Find servers like css-sota-mcp from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.