前端 MCP 工具 开发教程 核心是使用modelcontextprotocol/typescript-sdk进行开发MCP工具开发，让cursor使用playwright进行UI视觉测试。

本文介绍如何在 Cursor 中搭建 MCP 服务，利用 AI 将 Figma 设计转为代码。通过 Figma-Context-MCP 库和 Figma API，开发者可部署本地服务

朋友发给我一个开源项目 https://github.com/GLips/Figma-Context-MCP 是一个 Figma 的 MCP 服务。 MCP 是最近比较火的概念快来实际使用下。

💡 开发者福音！现在可以让 AI 理解 Antd 代码并生成更相关的代码旨在减少生成幻觉！MCP 服务让LLM能够精准查询组件文档、API和示例代码。支持自主提取文档，再也不用反复查阅官方文档了！

前端异常种类有哪些？怎捕获异常？sourcemap到底有啥用？如何搭建一个错误监控的平台？关于那些前端异常的秘密，本文结合源码带你一一揭开！！！（文章内容较长，需要点耐心啦~，先赞后看，年薪百万！！）

工欲善其事，必先利其器。

前端这几年发展的非常迅速，我们的系统的功能正在变的越来越复杂，这对我们的前端工程化能力提出了更高的要求，开源的工具需要稳定性，而引入前端自动化测试为开源项目提供稳定性，是再好不过的选择了。

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔

作为前端，当你入职一家公司，拿到新发的电脑，你会对电脑干点啥，装开发环境？装软件？你是否铺天盖地到处找之前电脑备份的东西？又或者是想不起来有什么上一台电脑好用的软件叫什么名？