跟著做,兩個分身

點按鈕複製,貼進 Claude,跟著台上一起做。

① 文案 → 網頁

先貼上你的整篇文章,最後加上這句:

幫我把這篇文章排成一頁式網頁(單檔 HTML),重點放大、排出層次、單欄直式、好讀,不要改寫我的文字。
進階版(回家做,結果更穩)
幫我把這篇文章排成一頁式網頁,做成單一個 HTML 檔,照這些規則:
1. 不要改寫、刪減或自己加字,只能重新排版我的文字。
2. 手機優先:單欄直式、內文字體夠大、行距寬鬆,在手機上不用左右滑。
3. 文章的小標題做成明顯的區塊,重點句加粗或用色塊放大。
4. 整頁配色最多三個顏色:一個底色、一個文字色、一個強調色。
5. 開頭做標題區:文章標題放大,副標從我的文字裡挑一句,不要自己編。
做完自我檢查一次:我的文字有沒有被改動。

想更好看(可跳過):找一張喜歡的網頁風格截圖一起貼,再加這句:

參考這張的視覺風格(配色、字體、間距),但字用我的、不要照抄。
進階版(回家做,結果更穩)
參考這張截圖的視覺風格,套到剛剛的網頁上,照這些規則:
1. 只學配色、字體感覺、留白和間距;先用三行告訴我你從截圖學到什麼。
2. 我的文字一個字都不能動,也不准自己加任何新文字(包括英文小標、裝飾標籤)。
3. 版面結構不要照抄,做出來要像同一種風格、不是同一個網站。
4. 改完列出你動了哪幾個地方。

② 網頁 → 輪播貼文圖

接著上一步,直接對 Claude 說:

用同一篇內容排成一組直式輪播卡(1080×1350):封面+三張重點+收尾,共 5 張,風格延續剛才的深色網頁,不要改寫我的文字。
進階版(回家做,結果更穩)
用同一篇內容排成一組直式輪播卡(1080×1350,共 5 張),照這些規則:
1. 第 1 張封面:文章標題+一句讓人想往下滑的話(從我的文字裡挑)。
2. 中間 3 張:一張只講一個重點,大字標題+最多三行說明,手機上一眼看得清楚。
3. 第 5 張收尾:一句總結+「追蹤看更多」+我的帳號 @___。
4. 風格延續剛才的網頁:同一組配色、同一種字體感覺。
5. 不要改寫我的文字;每張卡做成獨立畫面,方便我一張一張截圖。

把今天的自動化帶回家

下載後丟進 Claude,說「照這個 skill 做」就能重複今天的流程。