
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 即時條紋玻璃 Hero,邊緣帶著橘色熱度、底片顆粒與三行宣言,另附完整的靜態備援畫面與沉穩的減少動態模式
- 完整的工作室網站:工作室介紹、精選作品與可搜尋的專案索引、服務 Tab、流程、合作方案、使用者評價、團隊、誌、FAQ 與專案需求表單
- 案例研究頁、誌文章、隱私權、服務條款與找不到頁面,搭配網頁字型與依用途規劃的照片,全部收在單一離線檔案中
適合
- 想要高質感、會動的第一屏,又不犧牲易讀性的設計、品牌與工程工作室
- 要推出作品集、需要真實案例研究、清楚合作價格與需求表單的自由工作者與小型代理商
- 想要明亮玻璃感發表網站,並能把作品、服務與合作方案對應到客戶、功能與方案的產品團隊
不適合
- 陰暗、氛圍沉重的品牌:頁面維持明亮的紙灰色,唯一的深色區塊只有頁尾
- 需要 CMS 或數十個頁面的網站:案例研究與誌文章都以靜態資料存在頁面中
- 必須在關閉腳本時運作的頁面:文字與版面仍會顯示,但玻璃動畫、選單與表單需要腳本
品牌設計與視覺規範網頁設計與數位體驗建置網頁建置 Landing Page風格鎖定成果可編輯明亮極簡長虹玻璃顆粒漸層Shader 光影
關於此 Skill

熔融玻璃登陸頁打造的工作室網站,第一屏是活的:透過條紋玻璃看見明亮的紙灰色光線,熾熱的橘色熱度從邊緣往內擠壓。下方是沉穩的編輯風網站,有編號區塊、真實的案例研究頁與可運作的專案需求表。範例是 Arclune,一間虛構的設計與工程工作室。

你會得到
- 即時玻璃 Hero,附完整的漸層備援畫面、減少動態效果時的靜態畫格,以及滑過時文字會滾動的按鈕
- 首頁區塊:附數字跳動統計的工作室介紹、精選作品與可搜尋的專案索引、服務 Tab、流程、可切換幣別的合作方案、使用者評價、團隊與職缺、誌、FAQ 與專案需求表
- 附成果與製作名單的案例研究頁、誌文章、隱私權、服務條款與找不到頁面
- 帶有巨型字標的近黑色頁尾,以及任何瀏覽器都能開啟、離線可用的單一檔案

使用方式
- 提供工作室名稱、一句話定位宣言,以及至少兩個各有一項可量化成果的代表專案。
- 你的 Agent 會填好每個區塊與案例研究,規劃並生成照片,並草擬缺少的內容供你確認。
- 打開檔案,逐一點擊每個案例研究、Tab 與表單,再用日常語言提出修改需求。

照片來自你的 Agent 的生圖工具(可能產生該工具的使用費用),或來自你自己的圖庫。若是既有的框架專案,Agent 會在你的技術堆疊中以元件建構相同的設計。
開始前需要準備什麼
- 你需要提供
- 工作室或品牌名稱,以及一句話定位宣言 · 至少兩個代表專案,各附一句可量化的成果 · 專業領域、合作條件或價格、團隊負責人與聯絡方式(選填;缺少的部分會先草擬供你確認)
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內建的生圖工具,用於工作室、專案與團隊照片(選用;搭配佔位圖或你自己的照片,頁面也能正常閱讀)
- 外部費用
- 需要新的工作室、專案與團隊照片時,會由你的 Agent 自帶的生圖工具生成,可能產生該工具的使用費用。你也可以提供自己的照片或保留佔位圖。除此之外不會使用任何付費服務。
- 最近實測
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









