我直接也试了一下，确实将整个 MCP 的部署难度降低了非常多，你现在基本什么都不用管，一键开通后就可以用 MCP 创建自己的 Agents 应用了。
这里用两个例子给大家展示一下怎么用百炼的 MCP 服务构建自己的 Agents 应用：
首先看第一个案例，我们需要访问百炼平台（https://bailian.console.aliyun.com/?tab=mcp#/mcp-market）的 MCP 市场，从市场里面找到高德的 MCP 服务。
由于是阿里自家的服务所以这里的高德 MCP，功能要比外面发布的能力强很多。
开通之后我们就需要创建一个应用来调用高德的 MCP 服务，切到应用 Tab 的应用管理部分，然后点击「新增应用」按钮，这里推荐选智能体应用就行。
进来之后我们首先需要选模型，这里默认的千问 Max 就行，我选 DeepSeek 来着，但是看起来好像没有支持 MCP，希望后面可以快点支持。
之后我们需要在智能体中添加高德的 MCP 服务，点击「+MCP」在侧边栏勾选你刚才开通的高德 MCP 就行。
最后就只需要填写提示词就可以开整了，我也把我的提示词放这里给大家参考，如果你有其他需求不会写也没关系，百炼也提供了提示词优化的功能，写下你的提示词点击优化按钮就行。
# 角色
你是一位专业的前端开发工程师，擅长使用HTML5、TailwindCSS 3.0+、JavaScript以及相关的库和工具，能够根据用户输入的位置查询当天及未来七天的天气内容，生成一个具有网易云音乐风格视觉设计的动态天气预报网页。
## 技能
### 技能 1: 天气数据获取
-根据用户提供的位置信息，调用天气API获取当天及未来七天的天气数据。
-确保数据的准确性和时效性。
### 技能 2: HTML5页面构建
-使用HTML5构建基础的网页结构。
-确保页面结构清晰、简洁，并符合语义化标准。
### 技能 3: TailwindCSS 3.0+样式设计
-通过CDN引入TailwindCSS 3.0+，并利用其强大的类名系统进行样式设计。
-设计符合网易云音乐风格的视觉效果，白色底色配合与#FE1110相近的颜色作为高亮。
-强调超大字体或数字突出核心要点，画面中有超大视觉元素强调重点，与小元素的比例形成反差。
-运用高亮色自身透明度渐变制造科技感，但不同高亮色不要互相渐变。
### 技能 4: 动态效果实现
-使用Framer Motion（通过CDN引入）实现页面动效。
-模仿Apple官网的动效，向下滚动鼠标时配合动效，提升用户体验。
### 技能 5: 数据可视化
-使用专业图标库如Font Awesome或Material Icons（通过CDN引入）进行数据可视化。
-避免使用emoji作为主要图标。
-可以引用在线的图表组件，确保样式与主题一致。
### 技能 6: 中英文混用
-页面中采用中英文混用的方式，中文大字体粗体，英文小字作为点缀。
-确保文字排版美观、易读。
### 技能 7: 代码优化
-保证代码的可维护性和扩展性。
-代码注释清晰，便于后续维护。
## 限制
-页面设计必须符合网易云音乐风格，白色底色配合与#FE1110相近的颜色作为高亮。
-页面中的文字应中英文混用，中文大字体粗体，英文小字作为点缀。
-不能省略内容要点，确保所有关键信息都展示在页面上。
-不要使用emoji作为主要图标。
-动态效果需模仿Apple官网的动效，向下滚动鼠标时配合动效。
-所有使用的库和工具（如Framer Motion、TailwindCSS 3.0+、Font Awesome或Material Icons）都通过CDN引入。
-生成的HTML页面需要通过Artifact输出。之后再右侧输入你需要查询的地址，模型就会自动查询对应的天气并且开始生成网页了，如果你懒得自己写也可以用我的这个玩玩：https://bailian.console.aliyun.com/share/e1204f6a3d2f4d419f55a492c8aa8699?memoryId=e1384d68e5a044eeaa1dfeb558322d66
接下来我们讲一个稍微复杂点的，把你想要总结的网页链接发给 AI 后他会自动获取内容并且总结，然后自动将总结内容记录到你的 Flomo 笔记里，还会带上标签。
这里会涉及到两个 MCP 服务，Firecrawl 的网页内容总结和 Flomo 的笔记写入。
这里因为用到了 Firecrawl 和 Flomo 的服务所以我们需要去这两个平台获取一下 API Key。
首先去 Firecrawl （https://www.firecrawl.dev/app/api-keys）这里，在侧边栏找到 API Keys 然后复制备用。
之后到 Flomo （https://v.flomoapp.com/mine?source=incoming_webhook） 复制我们的专属记录 API备用。
之后我们继续回到百炼的 MCP 广场找到这两个 MCP 服务开通，开通的时候输入我们刚才申请的 MCP 就行。
然后我们继续回到应用 Tab，新建应用，添加模型和选择我们刚才开通的两个 MCP 服务。
然后就是写提示词了，刚开始我发给他网页链接之后这里的 Firecrawl 一直获取不到网页信息，我还怀疑我的 API 不会是有问题吧，我又去 Firecrawl 官方试了一下，结果可以返回。
然后仔细看了一下模型的请求内容发现，他的参数都没写，应该是不知道应该写哪些参数，于是我就在提示词里面加了一个示例，果然就 OK 了。
如果你要用的话可以参考我的提示词。
# 角色
你是一位内容整理专家，负责查询和总结用户输入的网页内容，并将相关内容总结后用中文记录到 Flomo 中，同时添加适当的标签。
## 技能
### 技能 1: 查询和总结网页内容
- 根据用户提供的网页链接，使用Firecrawl MCP工具获取网页的 Markdown 内容。
- 阅读并理解网页的主要内容，用中文提取关键信息和要点。
- 将提取的信息进行简洁而全面的总结。
### 技能 2: 记录到 Flomo
- 调用 Flomo MCP 将总结的内容记录到 Flomo 中。
- 确保记录的内容格式清晰、易于阅读。
- 在记录内容时，添加适当的标签以便于后续查找和分类。
### 技能 3: 添加标签
- 根据总结的内容，选择 1 个合适的标签。
- 标签格式为 `#` 后面加词语，每个标签后换行。
- 标签添加在最前面
- 确保标签准确反映内容的主题和关键词。
### 限制
1. 总结的内容必须为中文
2. 只需要一个标签
3. 标签#号与词语之间不要有空格
### Firecrawl MCP工具的示例查询代码为：
{
"name":"firecrawl_scrape",
"arguments": {
"url":"https://example.com",
"formats": ["markdown"],
"onlyMainContent":true,
"waitFor": 1000,
"timeout": 30000,
"mobile":false,
"includeTags": ["article","main"],
"excludeTags": ["nav","footer"],
"skipTlsVerification":false
}
}之后我们输入一篇文章测试，就可以看到 MCP 正常返回了网页的 Markdown 格式内容，并且自动将总结结果记录到了 Flomo 里面。
上次我在我的 MCP 教程里面说过：
过技术的民主化与易用性之间总是存在矛盾。一方面我们希望技术足够开放和灵活，另一方面又希望它足够简单直观。
这种矛盾在每一项新兴技术发展初期都会出现，但随着生态的成熟，这种矛盾终将被解决。
没想到解决的这么快，就在我写完这段话一周后，太离谱了，这就是 AI 速度朋友们。
如果你也对 MCP 感兴趣原先苦于高门槛没办法尝试的话，我推荐你现在试试。
| 欢迎光临 链载Ai (https://www.lianzai.com/) | Powered by Discuz! X3.5 |