傳統(tǒng)的 ppt 或純文本文檔在展示復(fù)雜信息時存在局限性，特別是對于包含大量數(shù)據(jù)和案例的文檔。為了提升文檔的可讀性和美觀性，作者推薦使用Claude ai，最新版本Claude 3.7 結(jié)合適合的提示詞，寫出的網(wǎng)頁或者應(yīng)用界面在美觀度上有了非常大的提升，而且還可以用于將文檔內(nèi)容轉(zhuǎn)換為PPT或網(wǎng)頁。

Claude提示詞

內(nèi)容要求：
所有頁面內(nèi)容必須為簡體中文。
保持原文件的核心信息，以更易讀、可視化的方式呈現(xiàn)。
在頁面底部添加作者信息（姓名、社交媒體鏈接、版權(quán)信息）。
設(shè)計風(fēng)格：
參考 Linear App 的簡約現(xiàn)代設(shè)計。
使用清晰的視覺層次結(jié)構(gòu)，突出重要內(nèi)容。
技術(shù)規(guī)范：
使用 HTML5、TailwindCSS 3.0+ 和必要的 JavaScript。
實現(xiàn)深色/淺色模式切換功能。
響應(yīng)式設(shè)計：
適配手機、平板和桌面設(shè)備。
優(yōu)化布局和字體大小。
圖標(biāo)與視覺元素：
使用專業(yè)圖標(biāo)庫（如 Font Awesome 或 Material Icons）。
根據(jù)內(nèi)容主題選擇合適的圖表或插圖。
交互體驗：
按鈕懸停時有放大和顏色變化。
卡片元素懸停時有陰影和邊框效果。
性能優(yōu)化：
圖片使用 WebP 格式并壓縮。
實現(xiàn)懶加載技術(shù)。
輸出要求：
提供完整的單一 HTML 文件，代碼符合 W3C 標(biāo)準(zhǔn)。

部署方法

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

• 如果使用其他工具，可以訪問yourware.so，將生成的代碼粘貼進(jìn)去并點擊 Deploy Code 按鈕進(jìn)行部署。

詳細(xì)教程：還在用 PPT？教你用Claude生成驚艷同事的文檔可視化網(wǎng)頁