Reduce whitespace in CSS snippets. Use for basic stylesheet cleanup rather than production minification. Not a full CSS parser; visually test the result.
ConnectorNo auth
726,000 tools. Updated 2026-10-30 19:52
"CSS" matching MCP tools:
- Reduce whitespace in CSS snippets. Use for basic stylesheet cleanup rather than production minification. Not a full CSS parser; visually test the result.ConnectorNo auth
- Reduce whitespace in CSS snippets. Use for basic stylesheet cleanup rather than production minification. Not a full CSS parser; visually test the result.ConnectorNo auth
- An interactive CSS design studio with three tabs: gradient, shadow and border-radius. Inputs (all optional): `tab` ("gradient" | "shadow" | "radius"), gradient `from`/`to`/`angle`/`kind`, shadow `x`/`y`/`blur`/`spread`/`color`/`inset`, and radius `tl`/`tr`/`br`/`bl`. Returns the resulting CSS. Use when a user wants a gradient, shadow or rounded-corner CSS.ConnectorNo auth
- CSS rule count, body discardedConnectorNo auth
- CSS rule count, stylesheet discardedConnectorNo auth
Matching MCP Servers
- AlicenseNot gradedqualityDmaintenanceActs as a CSS Tutor, providing personalized updates about CSS features by fetching latest news, tracking user knowledge, and guiding AI clients.32ISC
- AlicenseAqualityFmaintenanceThis server integrates with Mozilla Developer Network (MDN) documentation to suggest CSS properties, check browser support, and provide implementation guidance with user consent mechanisms.41 npm4MIT
Matching MCP Connectors
What CSS you can actually ship today, from live Baseline data and MDN browser-compat-data.
Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow.
- Read the site-wide stylesheet (global.css): css, exists, bytes, url, hash. Read before save-global-css; pass `hash` back there as expectedHash. Rules: get-skill-doc {id:"global-css-contract"} — read it before the first call.ConnectorAPI key
- Write the SITE-WIDE stylesheet (loaded on every page and in the editor) for rules no single block owns. Either `css` = the COMPLETE file (replaces; "" deletes) or `edits` = exact-fragment replacements of the current file — prefer `edits` for changes. Pass expectedHash from get-global-css. Block styles belong in the block. Rules: get-skill-doc {id:"global-css-contract"} — read it before the first call.ConnectorAPI key
- Frontend developers need to understand why an element is visually hidden behind another even when z-index seems correct.ConnectorNo auth
- UI developers need to know why an element is behind another element, clipped unexpectedly, or trapped inside a stacking context.ConnectorNo auth
- Overwrite the agent's customCSS field with new CSS that styles the chat widget. IMPORTANT: this REPLACES the existing customCSS value — always pass the FULL merged CSS (existing + your new rules), not just the delta. Workflow: (1) call get_widget_css_styling_guide to load selectors + rules, (2) optionally call get_agent_custom_css to read what's already there, (3) generate the merged CSS following the guide, (4) call this tool to persist. Pass an empty string to clear all customCSS for the agent.ConnectorDestructiveAPI key
- Inject site-wide CSS and/or JavaScript on every page. ONE snippet carries both: put CSS in a <style> block and JS in a <script> block in the same `code` body. Use this for anything the brand kit's design tokens cannot express — backdrop-filter, clip-path, layered shadows, @keyframes animation, scroll/sticky behaviour, analytics and third-party embeds. `name` is the IDEMPOTENCY KEY: re-pushing the same name UPDATES that snippet, so a re-run cannot stack duplicates that all inject at once. CHANGES EVERY PAGE — pass confirm=true. READ `rendered` IN THE RESPONSE, NOT THE STATUS CODE: the connector fetches the front page and reports whether the code actually reached the HTML, so a snippet that saved but never rendered comes back rendered=false with a hint instead of looking like success. The XeoRank Connector injects these itself on wp_head / wp_body_open / wp_footer, so it needs NO Elementor Pro and works on any theme — but it also means the snippets live in XeoRank, not in Elementor's Custom Code UI. Requires Connector v0.9.2+. CHOOSING THE RIGHT HOME: this renders on the frontend, but CSS that must show inside the Elementor editor CANVAS belongs in wp_set_brand_kit(custom_css); CSS scoped to one element belongs in wp_patch_page(style.custom_css). Prefer brand-kit TOKENS over CSS whenever a token can express it — tokens stay editable in the UI, CSS does not.ConnectorDestructiveOAuth
- 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.ConnectorNo auth
- 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.ConnectorNo auth
- Prélèvements sociaux sur une pension (brut → net) — CSG (taux 0/3,8/6,6/8,3 % selon le RFR et les parts) + CRDS + CASA + 1 % maladie sur la part de pension complémentaire. Rend la pension nette, la tranche CSG et le taux effectif. Barème 2026 (seuils RFR 2024). Pensions de retraite uniquement ; pour un revenu du capital → fiscal_prelevements_sociaux. (sources: CSS art. L136-8 (CSG pensions) ; CSS art. L131-2 (1 % maladie retraite complémentaire) ; Barème CSG des pensions 2026 (seuils RFR 2024, circulaire CNAV 22/12/2025))ConnectorNo auth
- Updates an existing HTML/CSS image template. Replaces its latest version when that version has not been rendered; otherwise creates a new version. Returns item.template_id and item.template_version. Call create_templated_image with the returned ID and version to render the updated design. Use list_template_versions to inspect existing content before replacing it.ConnectorDestructiveOAuth
- How a form’s public page is styled: accent, page, card and text colours (hex), corner radius, and the author’s custom CSS in full. Read this before restyling — update_form_appearance merges, but you cannot edit CSS you have not seen. Everything unset means the default look. Requires form:write.ConnectorAPI key
- Clear Elementor's CSS cache and bump the versioned per-post CSS files. Every write path already does this automatically, so reach for it only when a change you can confirm landed in the data is still not visible — a stale post-<id>.css being served from a CDN or host page cache. It does NOT purge caches outside WordPress; if it does not help, the cache is at the CDN.ConnectorOAuth
- Pretty-print or minify CSS, SCSS or Less, optionally sorting declarations alphabetically. Sorting is cascade-safe: a shorthand and its longhands (border / border-top, margin / margin-top, font / line-height) keep their original relative order. Minify removes comments and whitespace only; values such as 0px or colours are never rewritten. Returns: Text: the stylesheet. structuredContent { code, movedDeclarations, warnings[] }. Example input: {"css":".a{z-index:1;color:red;border-top:1px solid;border:0}","mode":"beautify","syntax":"css","sort":true,"indent":2} On error, includes hint: Unbalanced braces or an unterminated string or comment are reported as errors.ConnectorNo auth
- Use this when you need a ready-to-paste CSS gradient value from 2-5 hex color stops. Builds a linear-gradient(...) (default; direction defaults to 'to bottom') or a radial-gradient(circle, ...). Direction accepts keywords ('to right', 'to left', 'to top', 'to bottom'), angles ('45deg', '90deg', '135deg'), or 'to <side> <side>'; it is ignored for radial, and passing type 'radial' (or direction 'radial') forces a radial gradient. Colors accept 6-digit hex with or without a leading '#' and are echoed normalized in order. Deterministic: same input, same output. Example: {colors:['#3b82f6','8b5cf6']} -> css 'linear-gradient(to bottom, #3b82f6, #8b5cf6)', type 'linear'. Radial results omit the 'direction' field.ConnectorNo auth
- 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.ConnectorNo auth