如何使用Claude将文档生成可视化网页或PPT提示词
作者:啊哈哈哈 来源:08论坛 时间:2025-04-17 12:23:06
传统的 ppt 或纯文本文档在展示复杂信息时存在局限性,特别是对于包含大量数据和案例的文档。为了提升文档的可读性和美观性,作者推荐使用Claude ai,最新版本Claude 3.7 结合适合的提示词,写出的网页或者应用界面在美观度上有了非常大的提升,而且还可以用于将文档内容转换为PPT或网页。
Claude提示词
内容要求:所有页面内容必须为简体中文。保持原文件的核心信息,以更易读、可视化的方式呈现。在页面底部添加作者信息(姓名、社交媒体链接、版权信息)。设计风格:参考LinearApp的简约现代设计。使用清晰的视觉层次结构,突出重要内容。技术规范:使用HTML5、TailwindCSS3.0+和必要的JavaScript。实现深色/浅色模式切换功能。响应式设计:适配手机、平板和桌面设备。优化布局和字体大小。图标与视觉元素:使用专业图标库(如FontAwesome或MaterialIcons)。根据内容主题选择合适的图表或插图。交互体验:按钮悬停时有放大和颜色变化。卡片元素悬停时有阴影和边框效果。性能优化:图片使用WebP格式并压缩。实现懒加载技术。输出要求:提供完整的单一HTML文件,代码符合W3C标准。部署方法
如果使用 POE 或 Claude,可以直接分享在线版本。
如果使用其他工具,可以访问yourware.so,将生成的代码粘贴进去并点击 Deploy Code 按钮进行部署。
详细教程:还在用 PPT?教你用Claude生成惊艳同事的文档可视化网页
更多资讯
热门文章
推荐对话
换一换- 人气排行
- 1 如何使用Claude将文档生成可视化网页或PPT提示词
- 2 首个LK-99完全悬浮视频引争议,网友:若真,将是开创性的
- 3 CUA Browser: 基于Browserbase和OpenAI CUA Model的浏览器自动化开源项目
- 4 谷歌推出Gemma 3:性能超越DeepSeek V3、o3mini为全球第二强开源模型
- 5 Gemma 3相比Gemma 2有哪些改进?
- 6 「常温常压超导体」被曝实验意外:石英管裂开后才制备出来,华科UP主:初步验证未成功
- 7 Gemma 3的1B、4B、12B 和 27B这四种不同尺寸模型特点
- 8 VACE:阿里通义Wan团队推出的视频生成与编辑统一模型
- 9 Open MCP Client:只需一个URL,即可在应用中与MCP服务器交互
- 10 BlenderMCP: 实现Claude AI与Blender交互,通过提示词进行3D建模、场景创建和操作。