Skillry 嚴選
黑曜電影感登陸頁v1.0.2
使用這個 Skill：建置網頁。
人氣上升
5.038 次下載1 個喜歡1 次收藏
$4.99
購買這個 Skill 可以得到什麼？為高階產品打造黑暗、電影感的發表頁，播放起來就像片頭字幕。開場是緩慢流動光帶上置中的襯線標題卡與一顆玻璃按鈕，接著是一句話宣言、Tab 切換特寫、遮幅夜景、可維修性與規格、配套 App 面板、可預約的展示間、誌，以及帶光暈的收尾邀請與可運作的預訂表單。近黑底色上，暖香檳色是唯一強調色。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 完整的發表頁：標題卡 Hero、宣言、特寫交叉淡化的功能 Tab、夜景、規格、配套 App、展示間預約、誌與預訂
- 同一種打光風格的成套照片，玻璃後方有緩慢的 canvas 動態，捲出畫面時暫停，對減少動態效果的使用者則保持靜止
- 可運作的流程：依城市、日期與時段預約展示間、含款式與訂金摘要的預訂、聯絡與電子報，全部收在單一離線檔案中
適合
- 想在網頁上展現發表影片氣勢的高階硬體、音訊、時尚與生活風格品牌
- 由一個主打產品與一句價格資訊撐起故事的預購、候補名單與預訂頁
- 能把客房或步驟轉成功能 Tab 與預約面板的精品飯店與高端服務
不適合
- 輕快、親切的消費型 App；這個風格刻意走黑暗、戲劇化路線
- 真正的結帳：預訂表單會驗證並顯示確認，但收取訂金需要串接你自己的金流服務
- 需要評分或媒體 Logo 牆的品牌；這個頁面改以規格、政策與流程建立信任
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page成果可編輯轉換導向視覺精美玻璃導覽列襯線展示字暗黑電影感程序化畫布發光 CTA
關於此 Skill
把你的產品與一句價格資訊交給這個 Skill，就能得到一個像片頭字幕般播放的發表頁：近黑底色、單一暖香檳強調色、超大 Bodoni 標題，以及用單一主光打亮的照片。每個 CTA 都是真的，從預約展示間參觀到保留預訂都能操作，而且整頁是單一檔案，任何瀏覽器都能離線開啟。
你會得到
- 置中的標題卡 Hero、一句話宣言，以及特寫交叉淡化的 Tab 功能卡
- 遮幅夜景、可維修性與規格區塊，以及疊在緩慢程序化動態上的配套 App 面板
- 可依城市、日期與時段預約的展示間面板，以及點開後以閱讀面板呈現的誌文章
- 帶光暈的收尾邀請，附可選擇款式、填寫聯絡資料與國家的預訂表單，另有政策面板與電子報訂閱
- Bodoni Moda 與 Instrument Sans 字型連同所有照片一起內嵌，頁面不會發出任何網路請求
使用方式
- 提供品牌名稱、產品、價格或上市資訊、可以體驗產品的地點，以及建立信任的相關政策。
- Skill 會規劃整組照片，用簡短篤定的語氣撰寫文案，並列出它代為草擬的事實供你確認。
- 打開檔案，試用每個 Tab、面板與表單，再用日常語言提出修改需求。
照片來自你的 Agent 的生圖工具，可能有該工具的使用費用；若沒有生圖工具，圖片位置會改用 canvas 場景。
開始前需要準備什麼
- 你需要提供
- 品牌名稱、產品與類別，以及一句價格或上市資訊 · 顧客如何體驗或購買（展示間、展示、候補名單），以及訂金、保固與運送等信任政策 · 選填：你自己的產品照片或品牌影片
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 內建的生圖工具，用於產品成套照片；選用，因為你可以自行提供照片或保留 canvas 場景
- 外部費用
- 照片由你的 Agent 自帶的生圖工具生成，可能產生該工具的使用費用；你也可以改為自行提供。沒有照片時，圖片位置會改用內建的 canvas 場景，完成的頁面不會發出任何網路請求。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…