67. 借助了解 MDN 的助手写出更好的 CSS

他们做了什么

你用一条 npx 命令把这个服务器添加到 Claude Code、VS Code 或其他 MCP 客户端中。之后代理就可以调用工具，获取某个 CSS 特性的 MDN 文档、拉取浏览器兼容性数据，并分析粘贴进来的 CSS 或项目构建后的 CSS 文件。分析默认返回一份简短的摘要，你用大白话提问即可。

结果如何

README 没有给出实际使用的结果。它列出首次获取约需 400 到 500 毫秒，缓存后约 100 毫秒。摘要分析大约消耗 1,000 到 2,000 个 token。

需要知道

完整的 150 多项指标分析要消耗约 1 万多个 token，所以保持默认的摘要模式。它需要 Node 20 以上版本，以及为 SQLite 缓存准备的原生编译工具。

你可以这样尝试

审查 [样式表或项目路径] 中的 CSS，把每一个有疑问的属性或特性与 MDN 文档进行对照，检查在 [浏览器，例如 Safari 和 Chrome 的最近 2 个版本] 中的支持情况。修复发现的问题，比如不受支持的属性或多余的规则，并解释每一处修改。最后给出一份简短的兼容性报告，列出哪些可以放心上线、哪些需要兼容方案。