
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 首頁、功能、使用方式、含八個詳細頁的禮物卡目錄、價格、說明、關於、下載、服務條款與隱私權頁面,以及精心設計的 404
- 實際可用的元件:可切換節日的手機 Hero、可加貼紙的卡片編輯器、現金金額控制、目錄搜尋與排序、禮物籃與價格切換
- Bricolage Grotesque、Figtree 與 Caveat 字型、不透明水彩風禮物卡插畫與溫暖的生活風格照片,全部收在一個可離線開啟的檔案中
適合
- 想要歡樂、親近消費者網站的送禮、賀卡與團體送禮 App
- 可以把禮物卡目錄換成自家商品的花店、烘焙坊與禮物清單 App
- 需要一個附價格、說明與下載頁、可直接上線的完整 App 行銷網站的創辦人
不適合
- 真實付款或配送:禮物籃、禮物卡與表單只會在頁面上顯示確認,需要你自己的後端
- 嚴肅的 B2B 或金融品牌;貼紙與鮮豔色帶刻意走活潑路線
- 想要低彩度配色的團隊;奶油色、珊瑚色、陽光黃與墨黑色是設計的一部分
品牌設計與視覺規範網頁設計與數位體驗建置 Landing Page風格鎖定成果可編輯HeroFAQ禮物貼紙
關於此 Skill

把你的送禮或賀卡 App 變成一個溫暖又活潑的網站:奶油色底上的大字黑色標題、貼著珊瑚色與黃色模切貼紙的手機 Hero,以及呈現卡片編輯器、禮物卡和現金禮的滿版色帶。每個頁面與控制項都能實際運作,整個網站以單一檔案交付,可在任何瀏覽器離線開啟。

你會得到
- 附節日切換的手機 Hero、五格功能拼貼,以及可實際輸入訊息、加貼紙試用的卡片編輯器
- 附分類、搜尋、排序與詳細頁的禮物卡目錄,以及可調整金額的現金禮
- 感謝卡留言牆、使用方式、可切換月繳或年繳的價格頁、附搜尋的說明中心、關於與下載頁
- 禮物籃側欄、附驗證的表單,以及精心設計的 404 頁面
- Bricolage Grotesque、Figtree 與 Caveat 字型連同所有圖片一起內嵌,頁面不發出任何網路請求

使用方式
- 告訴 Skill 你的 App 名稱、受眾、使用者會送什麼(卡片、禮物卡、儲值金)、你的方案,以及需要哪些頁面。
- 它會填好每個頁面與目錄,草擬缺少的文案,並列出來讓你確認。
- 開啟檔案,試試編輯器、禮物籃和表單,再用白話說出想修改的地方。

你沒有提供的圖片會由 Agent 的生圖工具產生,該工具可能另有使用費用。
開始前需要準備什麼
- 你需要提供
- App 名稱、受眾,以及適用的節日或場合 · 使用者會送什麼(卡片、禮物卡、儲值金)、四到十二項目錄商品,以及你的方案 · 選填:可確認的團隊資訊、真實照片與使用者推薦
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 需具備生圖工具,用於目錄插畫、卡片設計與人物照片;若你自行提供則為選用
- 外部費用
- 你沒有提供的圖片會用 Agent 自己的生圖工具生成,可能產生該工具的使用費用。Skill 附有六張中性圖片,完成的頁面不發出任何網路請求。檢視範例不需任何費用。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









