如何使用Claude将文档生成可视化网页或PPT提示词

传统的 ppt 或纯文本文档在展示复杂信息时存在局限性，特别是对于包含大量数据和案例的文档。为了提升文档的可读性和美观性，作者推荐使用Claude ai，最新版本Claude 3.7 结合适合的提示词，写出的网页或者应用界面在美观度上有了非常大的提升，而且还可以用于将文档内容转换为PPT或网页。

Claude提示词

内容要求：
所有页面内容必须为简体中文。
保持原文件的核心信息，以更易读、可视化的方式呈现。
在页面底部添加作者信息（姓名、社交媒体链接、版权信息）。
设计风格：
参考 Linear App 的简约现代设计。
使用清晰的视觉层次结构，突出重要内容。
技术规范：
使用 HTML5、TailwindCSS 3.0+ 和必要的 JavaScript。
实现深色/浅色模式切换功能。
响应式设计：
适配手机、平板和桌面设备。
优化布局和字体大小。
图标与视觉元素：
使用专业图标库（如 Font Awesome 或 Material Icons）。
根据内容主题选择合适的图表或插图。
交互体验：
按钮悬停时有放大和颜色变化。
卡片元素悬停时有阴影和边框效果。
性能优化：
图片使用 WebP 格式并压缩。
实现懒加载技术。
输出要求：
提供完整的单一 HTML 文件，代码符合 W3C 标准。

部署方法

• 如果使用 POE 或 Claude，可以直接分享在线版本。

• 如果使用其他工具，可以访问yourware.so，将生成的代码粘贴进去并点击 Deploy Code 按钮进行部署。

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