Trae AI打造你的专属智能体，编程小白实现写网页自由～

自从字节的ai编程工具trae上线之后，我这个编程小白终于也能上两手了，虽然不叫真正的编程，本质上还是在和ai对话，帮我完成工作任务。

但对我来讲也就足够了，我的目标是完成任务，编程也只是手段而已。

所以近期也会多更新一些自己学习trae的内容，帮助我们通过ai编程撬动更多原本能力无法达到的工作任务。

比如：写网页，做应用，本地部署，数据可视化。

今天分享trae上线的智能体功能，能够让我们把智能体和编程结合起来，搞定更多复杂的任务，并且还有mcp协议的接入，意味着后续可以和更多的软件联动，真的是太绝了。

今天要搞的是可视化学习助手，这个之前分享过用gemini制作，一大串的提示词大家还是有点懵，生成效果如下：

任何复杂的概念可以随便进行替换，这个智能体就是专门把复杂概念用可视化网页的方式给你解释清楚的，贼方便。

现在你可以打开trae，然后右上角可以看到智能体配置的按钮，点击打开后创建一个新的智能体，其实也非常简单了，主要是提示词，这个之前就分享过，可以把下面一大段提示词直接复制进去即可，对这个智能体的功能进行设定。

最多可以输入10000字，这个容量真的是自由度很大了。

然后既然是智能体，肯定不止一个功能，所以下面要配备mcp工具，让它可以成为“多功能”的瑞士军刀。

默认最下面的四个就直接选就好了，联网，访问本地电脑的文件这都是最基本的了，然后再添加新的mcp工具，比如可以把sequential thinking加上，结构化思考能够提升输出质量。

其他需要的可以自行点击右上角的mcp功能按钮，在市场当中自行选择。因为我下载的是国际版的trae，所以其实很多国外软件是用不上的。

添加完成之后，点击确定就可以在主页看到你可以基于可视化学习助手进行对话协作了，右下角选择编程牛逼的gemini2.5，然后输入提示词，你想让它解释的概念：

请协助我学习【什么是mcp协议】，并以可视化网页的方式给到我。

然后可以看到，它直接按照智能体提示词的设定就开始帮你工作了，分为了五个部分解释mcp，最终轻轻松松写了1200多行代码，全程其实我啥都没干，就是点击【全部接受】就行。

这？？放在过去真的难以想象，学习一门技能原本以为做课件是老师特有的权限，现在作为学生不仅把课件做出来了，还用网页呈现出来了，美观度还在线。

人人都是超级个体。

还有一个案例也可以看看，走向财富自由的图解网页教学。

完整版可视化网页助手的提示词，公众号主页回复【提示词】获得：

本文来自微信公众号：子轩学长说，作者：子轩学长，如果文章对你有用，记得帮忙点赞，转发，推荐哦，公众号主页也有更多AI实用工具和教程。