给 coding agent MDN 文件和浏览器支持数据来写 CSS
想法 + starter prompt,我们还没跑过
适合:想要有真正文件做依据的 CSS 建议的前端开发者
一个用 npx 命令加进 Claude Code 的 MCP server,让 agent 可以查某个 CSS 属性的 MDN 页面、看哪些浏览器支持,还能检查你贴上的 CSS 或项目编译出来的 CSS。分析预设给一份短总结。README 说第一次查询大约 400 到 500 毫秒,有缓存的大约 100 毫秒。没有给实际使用成效。
步骤
- 确认你有 Node 20 或以上,还有缓存需要的 build 工具。
- 用它的安装命令把 server 加进 Claude Code。
- 用白话问某个 CSS 功能和它的浏览器支持。
- 分析保持预设的总结模式,完整分析会用多很多 token。
- 任何建议的改动都要在你在意的浏览器里测试。
Starter prompt
看 [文件] 里的 CSS。用 MDN 文件和浏览器支持数据,告诉我哪些功能在 [浏览器或版本] 可能不能用。需要的地方建议比较安全的替代写法。分析保持简短。不要改文件。把建议的修改给我看,让我决定。
原帖:GitHub · 来源 agentusecases.ai。内容是我们用自己的话写的,我们还没跑过,先用假资料试。