插畫風農業科技 App 登陸頁v1.0.2
使用這個 Skill：建置 Landing Page。
人氣上升
5.029 次下載0 個喜歡0 次收藏
$4.99
購買這個 Skill 可以得到什麼？明亮的插畫風多頁產品網站：圓角天空漸層 Hero、從底部升起的扁平向量農場風景、展示 App 的小型傾斜手機，以及彩色淡底功能卡片與飽和藍色產品色帶。內頁都經過設計而非空殼：各解決方案頁有專屬互動元件、即時平台 Dashboard、附硬體估算器的定價頁、規則建構器、完整的專欄文章與多步驟註冊。所有插畫共用同一套美術方向，整個網站就像出自同一人之手。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 一個完整網站，打包成可離線開啟的獨立 HTML 檔案；Haywren 範例有 25 個相互連結的路由，從解決方案、定價到專欄、關於我們、聯絡與法律頁面
- 可實際操作的工具：互動式田間 Dashboard、每個解決方案頁的互動元件、計費切換與硬體估算器、自動化規則建構器，以及多步驟註冊
- 所有圖片統一採用扁平向量插畫風格，加上即時手機模型、Bricolage Grotesque、Figtree 與 Geist Mono 字體，並可依需求移植到你自己的框架
適合
- 想要親切插畫風、而非圖庫照片的農業科技、食品、園藝、戶外與現場服務產品
- 需要完整頁面家族（解決方案、定價、專欄、關於我們、下載），而不只是一張登陸頁的 App 開發者
- 想現在就擁有獨立網站，或要在 Vue、React、Astro 或 Next.js 中打造相同設計的團隊
不適合
- 現成的後端：註冊、聯絡與 App 連結表單只會在頁面上確認，不會寄送、建立或收取任何費用
- 需要攝影照片的品牌：所有圖片都遵循同一種扁平向量插畫風格
- 想要不同視覺方向的專案：天空外框、風景色帶、手機模型與藍色色帶本身就是這套設計
品牌設計與視覺規範網頁設計與數位體驗建置 Landing Page風格鎖定成果可編輯農場藍農場 Hero農場風景農場手機
關於此 Skill
描述你的產品與需要的頁面，就能拿到一個完整的插畫風網站：圓角天空漸層 Hero、從底部升起的農場風景、展示 App 的小型傾斜手機、彩色功能卡片與飽和藍色產品色帶。成品是一個獨立檔案，任何瀏覽器都能開啟，也能離線使用。
你會得到什麼
- 完整的頁面家族：首頁、平台、解決方案頁、自動化、定價、專欄與文章、關於我們、聯絡、App 下載、註冊、隱私權、條款，以及經過設計的 404
- 內頁附真正可用的工具：可切換範圍的田間 Dashboard、每個解決方案頁的互動元件、硬體估算器與自動化規則建構器
- 每個圖像位置都採用同一種扁平向量插畫風格，手機上的 App 畫面則以即時介面繪製
- 篩選、搜尋、輪播與會驗證並確認的表單，搭配沉穩的動態效果，並尊重減少動態效果設定
- 如有需要，可在你自己的技術堆疊中以元件與路由重建相同設計
使用方式
- 提供你的品牌、受眾、產品或解決方案，以及需要的頁面；粗略筆記就夠了，草擬的內容會列出來讓你確認
- 提供你擁有的插畫，或讓它生成一組風格一致、每個位置一個主題的插畫
- 在瀏覽器開啟完成的檔案，逐頁點擊檢查，並用平常的話提出修改
新插畫會用你的 Agent 的圖像工具生成，可能產生該工具的使用費用。字體與圖片都內嵌在完成的檔案中。
開始前需要準備什麼
- 你需要提供
- 品牌名稱、受眾，以及產品的簡短介紹 · 附有實用說明的產品、解決方案或故事，以及你需要的頁面 · 你擁有的插畫，或同意生成一組新的風格一致插畫
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 內的圖像生成工具，或你擁有的插畫，用於產品專屬的美術圖
- 外部費用
- 新插畫會用你的 Agent 自己的圖像工具生成，可能產生該工具的使用費用。使用你自己擁有的插畫不需任何費用，範例中的中性農場景色也可重複用於鄉村、食品或戶外品牌。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…