还在用 PPT？教你用Claude生成惊艳同事的文档可视化网页

科技前沿 • 2026-03-09 21:09 • 阅读 2
大家好，我是讯享网，很高兴认识大家。
 <p id="3F9J1GLH">上次分享完如何用 Claude 写出好看的界面之后发现，这套逻辑还能解决另一个打工人更加紧迫的问题。　</p><p id="3F9J1GLI">将文档变成更加易读的 PPT 或者网页。先来看一下效果。　</p><p id="3F9J1GLJ">我找了一个 Stripe 24 年的总结文档，里面有他们的各种数据和优质客户的案例，但是全是密密麻麻的文字，而且全是英文。　</p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0310%2F6b3c1395j00sswib900cjd200u000cqg00it007z.jpg&thumbnail=660x&quality=80&type=jpg" width="677" height="287" onload="this.removeAttribute('width'); this.removeAttribute('height'); this.removeAttribute('onload');" /><br/></p><p id="3F9J1GLL">生成之后的页面是这样的，Claude 会自动提取信息层级和分类，然后生成非常易于理解和美观的可视化网页，支持切换成夜间模式和移动端的响应式网页。　</p><p id="3F9J1GLM">你也可以在这个网址预览网页：https://lqb9jj5ryz.yourware.so/　</p><p id="3F9J1GLN">怎么做的呢？　</p><p id="3F9J1GLO">其实大部分的技巧和提示词来自我前几天写的这个教程：。　</p><p id="3F9J1GLP">这里直接给提示词。</p><p id="3F9J1GLQ">相较于上个教程，我又加了几条要求，确保你可以将任何文件扔进去，不需要一个字的修改就能生成美观的网页。　</p><p><ul><li id="3F9J1GM4">因为我们很多的文件都是英文的，所以我加了让他变成中文的要求</li><li id="3F9J1GM5">另外让他参考 Linear App 的设计语言，这个灵感来自 Padphone 老师</li><li id="3F9J1GM6">还有就是可以在页面加上你的社交媒体链接和你的名字，方便网页传播之后大家可以找到作者</li><li id="3F9J1GM7">去掉了 Unsplash 的图片要求，因为免费的 API 不太好查找对应的主题图片</li></ul><br/></p><pre></pre><br/></p><p id="3F9J1GLR">你说生成之后如何部署的问题，这个如果你用的 POE 或者 Claude 都可以直接分享在线版本的网页，如果你用的不是这两个的话，只需要访问https://www.yourware.so/，然后将代码粘贴进去点 Deploy Code 就行。　</p><p class="f_center"> <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2025%2F0310%2F71ed6265j00sswiba0063d200u000klg00it00cw.jpg&thumbnail=660x&quality=80&type=jpg" width="677" height="464" onload="this.removeAttribute('width'); this.removeAttribute('height'); this.removeAttribute('onload');" /><br/></p><p id="3F9J1GLT">我其实已经看到很多自媒体将这种方法生成的网页截图放在他们的视频里帮助用户理解了，比如口罩哥那里我就看到好几次，但是没有这么漂亮。　</p><p id="3F9J1GLU">所以这种方法不只是可以帮你在工作中汇报内容，也可以帮用户理解复杂逻辑的内容和文档。　</p><p id="3F9J1GLV">你也可以在提示词中加入你自己的需求，例如确实需要 PPT 形式的就可以让他生成网页形式的 PPT，每个卡片大小都是 16:9 的比例就行。　</p><p id="3F9J1GM1">今天的教程就到这里了，如果觉得对你有帮助的话麻烦给个赞或者喜欢　</p>
讯享网
还在用 PPT？教你用Claude生成惊艳同事的文档可视化网页

相关推荐
