Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add commands/lesleslie/css-mcp/css-check-compatgit clone --depth 1 https://github.com/lesleslie/css-mcpWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/commands/lesleslie/css-mcp/css-check-compat)<a href="https://agentmods.dev/commands/lesleslie/css-mcp/css-check-compat"><img src="https://agentmods.dev/badge/commands/lesleslie/css-mcp/css-check-compat.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00017 | $0.00338 |
| Opus 5 | $0.00009 | $0.00169 |
| Sonnet 5 | $0.00003 | $0.00068 |
| Haiku 4.5 | $0.00002 | $0.00034 |
Grade A, and why
css-check-compat scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 3d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
/css-check-compat
Verify cross-browser support for one or more CSS properties and follow up with MDN documentation when the result is partial or unknown.
Usage
/css-check-compat <property> [<property> ...] [--browser chrome,firefox,safari,edge]
What it does
- Calls
mcp__css__list_capabilitiesto confirm the server is healthy and to surface the canonical property list (used to disambiguate user typos). - If a property name does not appear in the canonical list, falls back to
mcp__css__search_propertiesfor a fuzzy match and presents the closest candidates before proceeding. - Calls
mcp__css__get_browser_compatibilitywith the resolved property names plus the requested target browsers (defaults: chrome, firefox, safari, edge). - For any property the compatibility report marks as
partialorunknown, follows up withmcp__css__get_docsso the user gets the relevant MDN context (baseline support, caveats, fallback strategies) in the same response.
Example
/css-check-compat container-type subgrid --browser chrome,firefox,safari
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 3d ago First seen · 25 lines · 17 tokens per session scan A 807362c596b1
css-check-compat is a command published in the GitHub repository lesleslie/css-mcp (1 stars, last pushed 5d ago), licensed BSD-3-Clause. It adds 17 tokens to every session and 338 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other commands, from other repositories
tokens
Audit or establish the project's 3-layer token spine.
bolder
Amplify personality — raises layout variance and motion, strengthens typography and one signature detail, without slop. Use when the UI works but feels safe, flat, or "template-y", or when the user says "bolder", "more personality", "more creative", or "make it pop" (still professional).
motion-design
Design micro-interactions, transitions, and animation systems for UI components or full pages.
ux-motion
Animation and motion rubric. Checks timing, easing, meaning, reduced-motion compliance, and performance for every animation on a surface. Triggers on "motion check", "are the animations good", or "fix the motion". Use when auditing motion or animations, checking durations / easing / reduced-motion / performance, is…
ux-recommend
The v2 flagship. Runs the 5-parallel-search Python engine across 11 data manifests (75+ styles, 170+ palettes, 65+ type pairs, 120+ components, 170+ industries, 110+ UX laws, 50+ motion presets, 120+ anti-patterns, 92 brand specs) and returns a complete recommended design system for your project — with always-on…
review-css-complexity
Scan codebase for overly complex CSS/styling patterns that should be simplified.