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。

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

AI整理檔案,好看跟正確是兩回事
Tenten 提醒,把檔案丟給AI做網頁時,不能只說「幫我整理成網頁」,這樣AI只是把資訊搬過去而已。要講清楚這頁給誰看、最重要的資訊是什麼、希望對方開啟後能完成什麼事。而且AI整理出來的數字、日期、專有名詞,一定要回頭重新核對,因為「好看跟正確是兩件不同的事情」。
省Token的關鍵:需求一次說清楚
AI做HTML一定比純文字燒Token,靜態頁面是短文字的3到10倍,加動畫可能到30倍甚至百倍。想省錢,最一開始就要把需求說清楚,先做出最重要的資訊,再一層一層往上加,這樣比方向錯了整個打掉重練還省。Tenten 的結論是,HTML對普通人來說,就是一種把腦中模糊想法變成視覺化、可修改東西的工具。

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