前端常用 MCP
以下是前端开发中常用且高效的 Model Context Protocol (MCP) 服务器列表：
| MCP 名称 | 简要说明 |
|---|---|
| Chrome DevTools | 控制和检查实时 Chrome 浏览器，支持网络拦截与截图 |
| Vue Devtools mcp | vue devtools mcp |
| Figma Layout | 解析 Figma 设计稿布局，直接提取 CSS 与设计标记 |
| Context7 | 技术文档拉取 mcp |
以下是前端开发中常用且高效的 Model Context Protocol (MCP) 服务器列表：
| MCP 名称 | 简要说明 |
|---|---|
| Chrome DevTools | 控制和检查实时 Chrome 浏览器，支持网络拦截与截图 |
| Vue Devtools mcp | vue devtools mcp |
| Figma Layout | 解析 Figma 设计稿布局，直接提取 CSS 与设计标记 |
| Context7 | 技术文档拉取 mcp |