Lumen 代理商登陸頁v1.0.3
使用這個 Skill：建置網頁。
人氣上升
5.032 次下載1 個喜歡0 次收藏
$4.99
購買這個 Skill 可以得到什麼？明亮、具體的代理商頁面，用實證推銷工作室的手藝：安靜的置中 Hero，只在關鍵字上使用一道藍綠到藍色的漸層；接著是精選作品，每個專案都把客戶世界的照片與工作室打造的產品瀏覽器視窗並排呈現。十字準線網格上的客戶推薦語、六張服務卡片、價格透明的清楚流程、團隊、FAQ，以及一塊附可運作詢問表單的深色聯絡面板，構成完整頁面。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 一張完整的代理商單頁網站，打包成可離線開啟的獨立 HTML 檔案，案例研究與法律文字以對話框開啟，而非獨立頁面
- Recent Work 作品展示，附分類篩選與數量、歸檔清單，以及展開後包含需求、打造內容、三項數據與客戶推薦語的案例研究
- 六張服務卡片、標示週數區間的流程步驟、附價格的合作方案、團隊、FAQ，以及會驗證輸入並顯示成功摘要的詢問表單
適合
- 以精選作品與客戶實證推銷手藝的設計與開發工作室、自由工作者及小型顧問公司
- 正在翻新「與我們合作」頁、需要真實專案數據、價格與清楚聯絡方式的團隊
- 想要一張可以直接分享的明亮頁面，或在自己的 Next.js、Vue、Svelte 或 Astro 專案中建立相同設計的事務所
不適合
- 以功能網格與方案表格為主的 SaaS 產品頁；SaaS 登陸頁 Skill 會更合適
- 想要深色、陰鬱或極繁風格的品牌：頁面保持淺色，只有一塊深色聯絡面板，也沒有深色模式
- 附部落格或 CMS 的多頁網站：這是刻意設計的單頁網站，案例研究與法律文字以對話框呈現
品牌設計與視覺規範銷售提案與募資網頁設計與數位體驗建置網頁建置 Landing Page風格鎖定成果可編輯亮白極簡漸層強調字體網格紋背景活潑專業作品集展示列
關於此 Skill
告訴它你的工作室名稱、幾個專案與你提供的服務，它就會交回一張明亮的代理商頁面：白色底、標題關鍵字上的一道藍綠到藍色漸層，你的作品則以客戶世界的照片搭配你打造的產品瀏覽器視窗來呈現。成品是一個獨立檔案，任何瀏覽器都能開啟，也能離線使用。
你會得到
- 完整的單頁網站：Hero、客戶推薦語、附篩選與歸檔的 Recent Work、服務、流程、合作方案價格、團隊、FAQ 與深色聯絡面板
- 可在原頁展開的案例研究，包含需求、打造內容、三項數據與一則客戶推薦語
- 會驗證輸入、顯示載入狀態並以摘要確認的詢問表單，外加電子報訂閱與複製電子郵件按鈕
- 內嵌 Bricolage Grotesque、Instrument Sans 與 Geist Mono 字體，搭配沉穩的淡入效果，以及在服務卡片上跟隨游標的薄荷色光暈
- 在你自己的程式碼庫中，以你的技術堆疊將相同頁面建成元件
使用方式
- 提供你的工作室名稱、一句話承諾、二到四個各附一項成果的專案，以及你的服務；粗略筆記就夠了
- 如果有的話，附上客戶照片與人像；否則會自動生成，每個專案視窗也會依你的專案資料重建
- 在瀏覽器開啟完成的檔案，用平常的話提出文案、專案或價格的修改
生成的照片使用你的 Agent 的圖像工具，可能產生該工具的使用費用。字體與圖片都已內嵌，因此完成的檔案不發出任何網路請求。
開始前需要準備什麼
- 你需要提供
- 工作室名稱、一句話承諾與三項能力 · 2–4 個附成果數字的展示專案，以及六項服務與你的流程或價格 · 選用：使用者評價、客戶照片、團隊照與聯絡資訊
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · 選用：Agent 內的圖像生成工具，用於客戶、人像、團隊與流程照片
- 外部費用
- 當你沒有提供時，客戶世界的照片、人像、團隊照與流程細節照會用你的 Agent 自己的圖像工具生成，可能產生該工具的使用費用。沒有人像的使用者評價會改用姓名縮寫圖示。
- 最近實測
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…