← 全部用例

English

写软件 · Claude Code

给 coding agent MDN 文件和浏览器支持数据来写 CSS

想法 + starter prompt,我们还没跑过

适合:想要有真正文件做依据的 CSS 建议的前端开发者

一个用 npx 命令加进 Claude Code 的 MCP server,让 agent 可以查某个 CSS 属性的 MDN 页面、看哪些浏览器支持,还能检查你贴上的 CSS 或项目编译出来的 CSS。分析预设给一份短总结。README 说第一次查询大约 400 到 500 毫秒,有缓存的大约 100 毫秒。没有给实际使用成效。

步骤

  1. 确认你有 Node 20 或以上,还有缓存需要的 build 工具。
  2. 用它的安装命令把 server 加进 Claude Code。
  3. 用白话问某个 CSS 功能和它的浏览器支持。
  4. 分析保持预设的总结模式,完整分析会用多很多 token。
  5. 任何建议的改动都要在你在意的浏览器里测试。

Starter prompt

Starter prompt,先把 [方括号] 换成你的资料。

看 [文件] 里的 CSS。用 MDN 文件和浏览器支持数据,告诉我哪些功能在 [浏览器或版本] 可能不能用。需要的地方建议比较安全的替代写法。分析保持简短。不要改文件。把建议的修改给我看,让我决定。

原帖:GitHub · 来源 agentusecases.ai。内容是我们用自己的话写的,我们还没跑过,先用假资料试。