近期Skills概念出现，同样由Anthropic（Claude）提出。首先要搞清楚的是：MCP和Skills的区别和联系是什么？MCP（Model Context Protocol）本质是一种模型与外部系统交互的协议标准。Skills是被封装成可直接调用能力单元的工具能力。

现在 AI 发展得很快。我们经常听到 Prompt、Skill、Project、MCP 这几个词。它们都是用好 AI 的关键。很多人不太清楚这几个词的意思，也不知道怎么用。今天这篇文章就帮你拆解一下，看看它们到底能帮设计师和开发者做什么。

所谓Model Context Protocol，也就是MCP，本质上是一套开源标准。它的目标很明确：让AI模型能够更顺滑地接入外部数据源、工具以及各类软件系统。你也可以把它理解成一种AI时代的即插即用协议

Figma MCP Server是Figma官方基于Model Context Protocol提供的接口。它能让你在Claude Code、Codex等AI工具中直接读取设计文件。

说白了，我们平时用的豆包、GPT、通义千问这些大模型，全是嘴强王者——只会生成内容，不会真的帮你执行操作，能力永远被困在对话框里。那有没有办法让AI不仅会说，还会真的帮你干活？

在 Chrome 刚刚发布的 146 版本中，加入了一项很有意思的实验能力：WebMCP。简单总结就是：网页可以直接把自己的能力暴露给 AI Agent 调用。过去 AI 想操作网页，只能模拟人的操作；而 WebMCP 的思路是：让网页直接提供“函数接口”。

现在很多开发者都在讨论MCP工具，网上也有不少教程和资源。今天我想分享一些我在日常前端工作中真正用到的MCP工具，这些工具确实能提升开发效率。

你想让 AI 不仅能回答问题，还能帮你执行具体任务吗？比如，直接通过对话让 AI 搜索并返回图片？MCP（Model Context Protocol）正是实现这一目标的关键技术，而 MCP Server 则是具体实现这一能力的桥梁。

MCP Server 是一种新兴的开发工具，全称是 Model Context Protocol Server。对于前端开发者来说，它能够帮助我们更高效地管理和集成人工智能模型到我们的项目中。

MCP Server 是一种帮助前端开发者更容易集成AI功能的工具。它的全称是 Model Context Protocol Server，你可以把它看作连接你的代码和AI模型之间的桥梁。