Vaultic 金融科技登陸頁v1.0.6
使用這個 Skill：建置網頁。
人氣上升
5.032 次下載1 個喜歡0 次收藏
$4.99
購買這個 Skill 可以得到什麼？打造精緻、以淺色為主的金融科技行銷網站：沉穩置中的 Hero 只放一顆深海軍藍按鈕，下方是可實際操作的產品畫面，含轉帳、帳戶、分類帳、卡片四種檢視與疊放的程式碼面板，襯在淡淡的加號網格上。接著是功能手風琴、平台 Bento、支付通道瀏覽器、開發者快速上手、客戶案例、安全性、附用量試算的定價、FAQ 與海軍藍上線色帶，另有註冊、洽詢業務、更新日誌、信任中心與法務頁面，支援淺色與深色主題。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 為 Vaultic 與其範例客戶 Haulstead 完成的範例網站：登陸頁，外加註冊、登入、洽詢業務、更新日誌、客戶案例、安全性、關於我們、隱私權、服務條款與 404 頁面。
- 以即時產品檢視取代截圖：建立轉帳、切換圖表區間、登錄借貸平衡的分類帳分錄、模擬卡片授權，並有程式碼面板顯示每一次 API 呼叫。
- 你的網站將是一個離線檔案，內嵌 Manrope 與 JetBrains Mono，具備淺色與深色主題、少量生成照片，以及 Agent 建置時依循的風格規範。
適合
- 需要一個可信行銷網站的支付、銀行即服務、資金管理與開發者 API 新創。
- 希望展示產品實際運作，並把定價、安全性與開發者快速上手放在同一頁的團隊。
- 想先審閱一個完成的單一檔案，之後再視需要移植到自己技術堆疊的開發者。
不適合
- 處理真實資金：產品檢視、註冊與業務表單都是以範例資料運作的示範。
- 想要紫色、漸層或發光 Hero 的品牌；這套設計只在鋅灰色上保留單一深海軍藍強調色。
- 需要開箱即用 CMS 驅動或多語系網站的團隊。
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page建立網頁模板骨架風格鎖定成果可編輯轉換導向淺色優先十字網格背景海軍藍點綴產品照 Hero鋅灰中性色
關於此 Skill
把你的支付或銀行產品告訴 Agent，就能拿到一個沉穩、以淺色為主的金融科技網站，讓產品自己說服客戶：置中的三段式標題、一顆海軍藍按鈕，以及疊著程式碼面板、可實際操作的產品畫面。範例是 Vaultic——一個虛構的銀行基礎建設平台，範例客戶則是 Haulstead。
你會得到
- 一個登陸頁，包含產品 Tab、客戶跑馬燈、功能手風琴、平台 Bento、支付通道瀏覽器、快速上手、客戶案例、安全性、定價、FAQ 與上線色帶
- 註冊、登入、洽詢業務、更新日誌、客戶案例、安全性、關於我們、隱私權與服務條款頁面，外加精心設計的 404
- 可實際操作的產品檢視：建立轉帳、切換時間區間、登錄分類帳分錄，以及模擬卡片授權
- 附計費切換與用量試算的定價、完整的淺色與深色主題，字型與照片都內嵌在單一檔案中
使用方式
- 提供你的產品名稱、承諾、它管理的物件、支付通道、定價與主要的行動呼籲。
- Agent 會依你的物件重建產品 Tab，擬出並列出缺少的資訊，並在桌機與手機上檢查兩種主題。
- 開啟這個單一檔案，點過各個 Tab 與頁面，再用白話提出修改。
安全性宣稱、合作銀行與認證只有在你確認後才會出現。使用 Agent 生圖工具製作的照片，可能會產生該工具的使用費用。
開始前需要準備什麼
- 你需要提供
- 產品名稱、一句話承諾與目標使用者 · 它管理的物件、支援的支付通道與定價方案 · 選填：已確認的安全性資訊、合作銀行、一則客戶案例，以及主要的行動呼籲
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 具備生圖工具，用於案例、人像與團隊照片（選用；沒有時會保留佔位框）
- 外部費用
- 案例、人像與團隊照片由你 Agent 自己的生圖工具產生，可能會產生該工具的使用費用。若沒有生圖工具，會以尺寸正確的佔位框標出需要放入你照片的位置。
- 最近實測
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…