跳到主要内容

新人见面礼首单立减 · 终身会员专享特惠进行中

立即查看
发现开通会员

Claude网页设计大师提示词,搭配腾讯PagesMCP把内容一键部署成设计师级网页

AI 总结

用一套“网页设计大师”提示词配合腾讯 Pages MCP,把内容一键生成有设计师级排版的网页并直接部署上线,拿到可在线访问的地址,省去发 HTML 文件或超长图的麻烦。作者肝了三个晚上打磨这套提示词,永久会员可看实操教程。

Claude3.7 出来之后,我就开始尝试把内容变成网页的形式,但我发现当我下载成 html 文件后,我发给朋友看,他其实很难有好的阅读体验,主要是我发的方式要么就是超长图,要么就是 html 文件他自己想办法在手机找 APP 上打开

Claude网页设计大师提示词,搭配腾讯PagesMCP把内容一键部署成设计师级网页 - 插图 1
Claude网页设计大师提示词,搭配腾讯PagesMCP把内容一键部署成设计师级网页 - 插图 2

但说实话这两种形式都不是很理想,所以我一般都只有电脑投屏的时候才做成 html 网站给大家看,这个场景下稍微好用一点点

这个想法就一直在我脑海中被搁置住了,我迟迟没有看到把它启动的机会,在这个过程中我为了可视化方便搞出来了 AI 内容总结卡,主打的就是截图方便传播

Claude网页设计大师提示词,搭配腾讯PagesMCP把内容一键部署成设计师级网页 - 插图 3
Claude网页设计大师提示词,搭配腾讯PagesMCP把内容一键部署成设计师级网页 - 插图 4

PagesMCP 让网页部署变简单

最近看到腾讯的 pagesmcp 上线了,可以支持 HTML 网页部署,我看到了就去研究了一下,看看能不能把我之前线下编程活动的课件放上去,这样后边我要分享给大家会方便好多

发现只需要跟 AI 说一声就行了,然后它就会给你一个部署好的地址,简直太方便了

Claude网页设计大师提示词,搭配腾讯PagesMCP把内容一键部署成设计师级网页 - 插图 5
Claude网页设计大师提示词,搭配腾讯PagesMCP把内容一键部署成设计师级网页 - 插图 6

网页设计大师提示词

在测完这个 mcp 服务之后我就在想,我是不是可以把我之前的网页提示词弄出来了呢?叠加上 pagesmcp,可以让大家一键做出来网页并且部署上线,听起来很不错呀

于是我肝了 3 个晚上,搞出来一个网页设计大师提示词,它可以把内容变成有着精美设计的网页,让我们一起来看看吧

Claude网页设计大师提示词,搭配腾讯PagesMCP把内容一键部署成设计师级网页 - 插图 7
Claude网页设计大师提示词,搭配腾讯PagesMCP把内容一键部署成设计师级网页 - 插图 8

一键做网页并部署上线的实操教程放在本页资源区,有权限的读者可以自行查看

会员专属 · 隐藏内容

本文隐藏内容

开通会员,畅看全站创业项目与实操拆解

登录即代表同意《用户协议》

本文隐藏内容

已解锁
正在确认隐藏内容

猜你想看

查看更多