YTGET

YouTube · Facebook · X · TikTok · Instagram · Threads

十個 AI 網頁設計 skill 實測盤點,從禁用套路到交件前五十七道檢測

YouTube 影片筆記

十個 AI 網頁設計 skill 實測盤點,從禁用套路到交件前五十七道檢測

原片標題:10 個網頁設計相關的 skill #ai #aiagents #skills

這十個 skill 根本是幫 AI 寫網頁開外掛吧,尤其那個「長得像 AI 就重做」的檢測,也太狠了。Debug Tuboshu 把十個工具一次攤開,從禁用設計套路、風格資料庫到交件前的檢查清單,全部都是衝著「AI 產出的網頁很醜」這件事來的。如果你正在用 AI 寫網站,這支影片等於先幫你把地雷都標好了。

輸入產品描述就吐整套設計系統
輸入產品描述就吐整套設計系統00:08

影片時間軸

  1. 00:03第一個 skill 用文字檔禁用 AI 愛用的設計套路
  2. 00:14Impacable 用 23 種指令像遙控器一樣調風格
  3. 00:27Home Mark 交件前跑 57 道檢測,長得像 AI 就重做
  4. 00:37Stitch Skills 把畫好的設計直接搬進網站
  5. 00:42Web Interface Guide Lines 逐項挑間距、對比、按鈕大小的毛病
  6. 00:57Gardens 把密密麻麻的文字牆排成讀起來不費力的版面
文字牆重新排成好讀的版面
文字牆重新排成好讀的版面00:57

十個工具各自解決一個問題

整支影片節奏很快,一個 skill 只給幾秒,像在唸清單。真正有講到做法的是 Impacable 那段,太平淡調大膽、太花調收斂,把調整風格講成遙控器操作,這個比喻很清楚。其他多半隻點出功能名稱,沒有實際示範,想深入瞭解的人得自己再去找檔案。

檢查類的工具佔了三席

Home Mark 的 57 道檢測、Web Interface Guide Lines 的逐項挑毛病,加上禁用設計套路的 Test Skill,看得出來 Debug Tuboshu 的重點放在「產出之後怎麼驗」。這對用 AI 生成網頁的人來說是最實用的部分,因為風格資料庫再怎麼選,最後還是得有人告訴你哪裡不對。

風格類的工具靠一句話套版

UiUX Pro Max 的 84 種風格資料庫、Nasim Design Skill 的純黑白點陣字體工業風,都是描述一句話就套上整套風格。Gardens 則是專門處理文字牆,把密密麻麻的文章排成留白剛好的版面。這幾個適合不想從零調 CSS 的人,但影片沒說套上去之後好不好改。

值得下載嗎:值得,十個工具都附了用途說明,當成 AI 寫網頁的工具索引留著很實用,但別期待看到實際操作示範。

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

連線中

影片封面

擷取畫面

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

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