YTGET

YouTube · Facebook · X · TikTok · Instagram · Threads

AI+HTML三招實戰:檔案視覺化、簡報生成、分鏡拆解

YouTube 影片筆記

AI+HTML三招實戰:檔案視覺化、簡報生成、分鏡拆解

原片標題:普通人也能用 AI + HTML 解決 3 大工作痛點!

原片說明
聽到 HTML 就覺得那是工程師的事嗎?其實在這個 AI 時代,你絕對值得重新認識它! 今天這支影片要跟你們分享,普通人如何透過 AI 產出 HTML,大幅提升工作效率!當然,用 AI 寫 HTML 也是有隱藏成本的。影片後半段我也幫大家破解了 Token 消耗的迷思,教你如何精準下 Prompt,避開整個打掉重練的窘境。 最近頻道正在慢慢轉型,想嘗試給大家更多有價值的長影音介紹內容。看完影片別忘了在底下留言告訴我你的想法,或是敲碗你想看的主題囉! -- 00:00 為什麼普通人現在必須重新認識 HTML? 00:15 情境一:複雜文件一秒變視覺化網頁 01:46 情境二:製作簡報 02:54 情境三:拆解爆款影片分鏡與 Prompt 03:34 AI產 HTML 到底多燒 Token ? 05:59 結論

HTML 不是工程師的專利?我原本也覺得這輩子用不到,但看完覺得 Tenten 根本是把 AI 當成翻譯機,把腦子裡的想法直接變成畫面。這支影片用三個工作場景示範,讓普通人也能把複雜檔案變成網頁、用 HTML 做簡報,甚至拆解爆款影片的分鏡,而且還老實告訴你這樣做到底多燒 Token。

把檔案丟給AI整理成網頁
把檔案丟給AI整理成網頁00:42
  1. 00:24同事傳來來回回好幾個版本的檔案,光是找重點就超頭痛
  2. 00:42把相關資料丟給AI,請它整理成HTML視覺化網頁
  3. 01:45第二個情境:用HTML做簡報,直介面述內容給AI生成頁面
  4. 02:53第三個情境:把影片連結丟給AI,自動產出分鏡指令碼
  5. 03:33開始討論AI做HTML到底多燒Token,是純文字的3到10倍
  6. 04:26破解省Token的方法:一開始就把需求說清楚,不要急著加動畫
  7. 04:49總結HTML對普通人的意義,是把模糊想法變成可修改的畫面
  8. 05:57頻道轉型預告,歡迎觀眾留言想看的主題
用HTML做的NVIDIA授課簡報
用HTML做的NVIDIA授課簡報02:01

AI整理檔案,好看跟正確是兩回事

Tenten 提醒,把檔案丟給AI做網頁時,不能只說「幫我整理成網頁」,這樣AI只是把資訊搬過去而已。要講清楚這頁給誰看、最重要的資訊是什麼、希望對方開啟後能完成什麼事。而且AI整理出來的數字、日期、專有名詞,一定要回頭重新核對,因為「好看跟正確是兩件不同的事情」。

省Token的關鍵:需求一次說清楚

AI做HTML一定比純文字燒Token,靜態頁面是短文字的3到10倍,加動畫可能到30倍甚至百倍。想省錢,最一開始就要把需求說清楚,先做出最重要的資訊,再一層一層往上加,這樣比方向錯了整個打掉重練還省。Tenten 的結論是,HTML對普通人來說,就是一種把腦中模糊想法變成視覺化、可修改東西的工具。

把模糊想法變成可修改的畫面
把模糊想法變成可修改的畫面05:17

值得下載嗎

值得。如果你對AI工具停留在「只會聊天」的印象,這支影片會開啟你的視野,而且後半段講Token消耗的觀念很實用,不是那種看完就忘的乾貨。

覺得這篇筆記有幫助嗎?
YTGet 編輯室|看完影片整理的筆記,細節以原片為準。

連線中

影片封面

擷取畫面

輸入時間點,例如 3:20、3.20 或 200

影片皆已含音訊。檔案越大準備時間越久,完成前請保持頁面開啟。