EPISODE · Aug 11, 2026 · 2 MIN
eric zakariasson 打造 Gloss,讓使用者用 prompt 重新設計任何網站的視覺風格
from EasyVibeCoding Podcast · host eric zakariasson
eric zakariasson 打造 Gloss,讓使用者用 prompt 重新設計任何網站的視覺風格。 它可將頁面改成禪、inverse 或 holiday themed 等風格;影片示範中,輸入「make this brutalist」後,社交平台頁面逐步套用粗體線框與 Raw-kraft paper 風格。 在 Gloss 浮動側欄輸入指令,將頁面轉為 brutalist 風格 運作方式 Gloss 是一款以浮動 orb 操作的 Chrome extension,會擷取目前頁面的螢幕畫面與簡化 DOM 資訊,連同 prompt 傳送至 xAI Grok API,再串流注入 CSS,必要時也執行 JavaScript。使用者可以持續 prompt,每次都以新畫面反覆調整;變更會依網站保留,直到按下 Reset。程式碼與設定位於 Gloss。 限制與風險 Gloss 目前不是 Chrome Web Store 擴充功能,必須以 load-unpacked 方式安裝,因為 Chrome 禁止執行模型產生的 JavaScript。每次改造都會把可見分頁的螢幕畫面、URL、標題、頁面地標與可見標籤傳至 api.x.ai;API key 儲存在 chrome.storage.local,並只會以 Bearer token 傳給 xAI。模型產生的 JavaScript 會在頁面中執行,因此登入中或含敏感資料的網站不宜直接使用,相關行為需人工核對。 模型設定 專案預設使用 grok-4.5;若 API key 無法使用該版本,來源建議改用 grok-4.3。在 Gloss 浮動側欄輸入指令,將頁面轉為 brutalist 風格 影片中的 Prompt 與操作:Prompt(00:01): 將這個設計改為粗獷主義風格原文:make this brutalist操作步驟: 1. (00:03)點擊 Gloss 按鈕送出 prompt原文:https://easyvibecoding.app/curated/2892-eric-zakariasson-gloss-redesign-websites-prompt-visual-style
Embed this episode
Ready to play
eric zakariasson 打造 Gloss,讓使用者用 prompt 重新設計任何網站的視覺風格
No transcript for this episode yet
Similar Episodes
No similar episodes found.
Similar Podcasts
No similar podcasts found.