如何使用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 按鈕進行部署。