ClaudeでドキュメントからビジュアルWebページや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を使って同僚を驚かせるドキュメント可視化ウェブページを生成する方法を教えましょう
脚本プランナー▸
AIアプリ
AIニュース 