前段时间公司在针对新项目做技术选型和分享时，许多同学都提到了当下非常火热的原子化CSS方案- TailwindCss，但是与此同时，在方案提出的会议上，也有不少同事针对这个轮子提出了自己的质疑，大家各

做前端开发的时候，经常遇到这样的场景： 页面性能慢，想看看是哪里拖慢了加载？ 控制台报错了，想让 AI 帮忙分析错误原因？ 想自动化测试页面交互，但写 E2E 测试太繁琐？ 网络请求出问题了，想快速定

作为前端开发者，写烦了页面布局，给自己找点乐子，开发一个自己的谷歌浏览器插件。谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发。插件，可以为用户提供定制化的体验。

MCP 火了这么久，聊聊我在日常前端开发中真正用到的一些实用 MCP。 这些都是经过实践筛选、能直接提升开发效率的工具，希望能对大家有所启发。

前言 在实际项目开发过程中，我们都会先准备好设计稿，再根据设计稿进行开发。现在借助AI编辑器，我们可以通过提示词描述和设计稿截图为AI提供参考进行开发，按照我们的预期，AI会在理解我们提示词描述功能的