5bei.cn大模型教程网长大好多烦恼，好愁！
目录
前言
上年这个时候，刚拿到录取通知书。哥哥教我用ai智能体，其实就是向我炫技。当时我问他，为什么不能直接给我生成图表，直接给我生成多好，省得我再去复制了。他说，其实很简单，只要做个接口协议什么的就行，只是目前国内没人做。当时说的很高深，我也听不懂。没想到年底，这个功能就实现内测了。在某种程度上，我也算是预言了哈哈。
初步了解
Mcp到底是个啥？
Mcp，全称 Model Context Protocol，翻译过来是模型上下文协议。你不用管这高大上的名字，简单说，它就是和大 AI 模型聊天时，一种把相关信息整理好、按规矩传给 AI 的方式。
之前我们使用的AI智能体如果比作是个思考问题的大脑，那么Mcp就是思考后，给你去干活的。AI大模型是给你思维结果，而Mcp就是调用工具给你做好工作。也就是低代码~
发展
2024 年 11 月，Anthropic（由 OpenAI 前员工创办）发布并开源 Mcp。当时 AIGC 发展快但存痛点，AI 模型与外部数据、工具连接不足，此前方案缺通用性。Mcp 提供标准化交互方式，助 AI 与外部系统互动。后获多家支持，OpenAI 等巨头入局，成 AI 智能体时代关键技术。真的好快啊！
理论基础
与 RAG（为大模型提供充足上下文）和 Function Calling（让模型能使用工具）密切相关，在它们基础上实现 AI 与外部系统更高效交互。
核心组件
使用逻辑
目前在Claude，OpenAI GPT，阿里云百炼，纳米AI都有接入Mcp，可以在工具箱中调用工作使用的Mcp来完成现有工作，但是带来的问题是权限过大，不安全。
于传统API不同之处
- 传统 API 参数变更时，用户必须更新代码，否则请求可能失败。
- MCP 采用动态灵活方式，客户端连接服务器时会先了解其能力，服务器也会动态更新功能描述，客户端无需重写代码就能适应变化，大幅降低维护成本。
模型推荐
事先声明！！不是广告！！不是广告！！红衣大叔没给我打钱！！当然，也欢迎纳米AI官方给我打钱~~
打开我们的大模型，选择工具，我们可以看到有很多官方或个人开发的mcp工具，我们可以点击使用
提出要求
他会给你充分的回答，但是，我觉着还是不够方便，如何直接get成品呢？
纳米ai有另一功能，相当于成熟的mcp堆出来的agent，点击智能体页面
我选择网页搭建
我们可以看一下最后成品
L'Éclat | 精致美妆体验
:root {
--beige: #F5F5DC;
--light-yellow: #FAF8ED;
--gold: #D4AF37;
--soft-pink: #F8D7DA;
--transition: all 0.3s ease;
}
body {
font-family: 'Helvetica Neue', Arial, sans-serif;
background-color: var(--light-yellow);
color: #5A5A5A;
line-height: 1.6;
}
.header {
background-color: var(--beige);
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
position: sticky;
top: 0;
z-index: 100;
}
.logo {
font-family: 'Times New Roman', serif;
color: var(--gold);
letter-spacing: 2px;
}
.nav-item {
transition: var(--transition);
border-bottom: 2px solid transparent;
}
.nav-item:hover {
color: var(--gold);
border-bottom-color: var(--gold);
}
.hero {
background: linear-gradient(135deg, var(--light-yellow) 0%, var(--beige) 100%);
min-height: 500px;
}
.product-card {
background-color: white;
transition: var(--transition);
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.product-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.category-badge {
background-color: var(--soft-pink);
color: #8E4A49;
}
.price {
color: var(--gold);
font-weight: bold;
}
.btn-primary {
background-color: var(--gold);
transition: var(--transition);
}
.btn-primary:hover {
background-color: #C19A3D;
transform: translateY(-2px);
}
.footer {
background-color: var(--beige);
}
.fade-in {
animation: fadeIn 1s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
L'Éclat
发现你的独特之美
精选全球优质美妆产品，为您带来非凡的护肤与彩妆体验
产品分类
护肤系列
彩妆系列
香水系列
礼盒套装
精选推荐
护肤
玫瑰精华面霜
深层滋养，焕发肌肤活力
¥298
彩妆
丝绒唇膏 #12
哑光质地，持久不脱色
¥168
香水
清晨花园香水
清新花香调，50ml
¥458
礼盒
假日礼盒套装
精选5件明星产品
¥998
我们的故事
L'Éclat 源自法语，意为"光芒"。我们相信每个女性都拥有独特的光芒，而我们的使命就是帮助您发现并绽放这份美丽。
自2015年创立以来，我们始终致力于从全球精选最优质的化妆品和护肤品，只为您带来最安全、最有效的美丽体验。
客户评价
张小姐
"玫瑰精华面霜真的太好用了！我的皮肤变得水润有光泽，会一直回购的！"
李女士
"丝绒唇膏的颜色太美了，而且一点都不干，持久度也很好，已经买了三个颜色了！"
王小姐
"清晨花园香水味道很清新，不会太浓烈，适合日常使用，包装也很精美。"
订阅我们的电子报
订阅即可获取新品上市、独家优惠和护肤美妆小贴士，首次订阅还可获得9折优惠券！
// 简单的淡入动画
document.addEventListener('DOMContentLoaded', () => {
const elements = document.querySelectorAll('.fade-in');
elements.forEach(el => {
el.style.opacity = '0';
setTimeout(() => {
el.style.transition = 'opacity 1s ease';
el.style.opacity = '1';
}, 100);
});
// 产品卡片悬停效果
const productCards = document.querySelectorAll('.product-card');
productCards.forEach(card => {
card.addEventListener('mouseenter', () => {
card.style.transform = 'translateY(-5px)';
card.style.boxShadow = '0 10px 25px rgba(0,0,0,0.1)';
});
card.addEventListener('mouseleave', () => {
card.style.transform = '';
card.style.boxShadow = '0 5px 15px rgba(0,0,0,0.05)';
});
});
});
你别说，你还真别说！纳米ai有两把刷子！红衣大叔打钱！！！！
图片来源：阿里云
文章来源于互联网:AIGC浪潮下，风靡全球的Mcp到底是什么？一文讲懂，技术小白都知道！！
