ClaudeでドキュメントからビジュアルWebページやPPTを生成するプロンプト術 265

小编 ·

ClaudeでドキュメントからビジュアルWebページやPPTを生成するプロンプト術

従来のPPTやプレーンテキストドキュメントは、複雑な情報の提示、特に大量のデータやケーススタディを含む場合に限界があります。可読性とビジュアル性を高めるため、著者はClaude AIの使用を推奨しています。最新バージョンのClaude 3.7と適切なプロンプトを組み合わせることで、美しさが格段に向上したWebページやアプリのインターフェースを作成でき、ドキュメント内容をPPTやWebページに変換することも可能です。

ClaudeでドキュメントからビジュアルWebページやPPTを生成するプロンプト術

従来のpptやプレーンテキストドキュメントは、複雑な情報を提示する際に、特に大量のデータや事例を含む文書の場合、限界があります。ドキュメントの可読性と美しさを向上させるために、著者はClaude aiの使用を勧めています。最新版のClaude 3.7と適切なプロンプトを組み合わせることで、作成されるウェブページやアプリケーションのインターフェースは美观性が大幅に向上し、ドキュメントの内容をPPTやウェブページに変換するためにも使用できます。

Claudeを使用してドキュメントを可視化ウェブページまたはPPTに変換する効果.webp

Claudeプロンプト

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

デプロイ方法

  • POEまたはClaudeを使用する場合は、オンライン版を直接共有できます。

  • その他のツールを使用する場合は、yourware.soにアクセスし、生成されたコードを貼り付けて「Deploy Code」ボタンをクリックしてデプロイできます。

詳細なチュートリアル:まだPPTを使っていますか?Claudeを使って同僚を驚かせるドキュメント可視化ウェブページを生成する方法を教えましょう