Skillry 嚴選
貼紙風工作室登陸頁v1.0.2
使用這個 Skill：建置代理商網站。
人氣上升
5.033 次下載4 個喜歡1 次收藏
$4.99
購買這個 Skill 可以得到什麼？在溫暖的奶油色底上打造完整的工作室網站：粗體置中的大寫標題、Hero 下方一疊模切貼紙（粉紅與綠色膠囊、橘色圓形和黃色方塊），作品則用同一套扁平編輯風插圖呈現。內含案例研究、產業、服務、流程、附報價估算器的價格、工作室、日誌、FAQ 與聯絡頁。預設為一個可離線開啟的自含檔案，專為品牌、網站與創意工作室設計。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 為虛構布里斯托工作室 Loudish 製作的 31 個路由範例：六個案例研究、五個產業、四項服務、流程、價格、工作室、三篇日誌文章、FAQ、聯絡頁與 404。
- 實際可用的元件：可拖曳的 Hero 貼紙、附搜尋與排序的作品篩選、流程分頁、引言輪播、價格切換，以及會預先填好聯絡表單的報價估算器。
- 一個內嵌 Bricolage Grotesque 與 Instrument Sans 的自含檔案、插圖規劃、風格指南，以及檢查是否殘留範例名稱的內建檢查。
適合
- 想要親切網站、展示真實案例研究與公開價格的品牌、網站與設計工作室。
- 瑜伽、陶藝或其他以課程為主的工作室，可把服務改成課程、價格改成堂數方案。
- 想用一個活潑網站集中呈現專案、價格與詢價流程的自由工作者或小型事務所。
不適合
- 需要穩重形象的企業公司；貼紙與鮮豔色調正是這個設計的重點。
- 接收真實詢價或付款：表單只會在頁面上顯示確認，串接後端之前不會送出任何資料。
- 需要紫色點綴或深色主題的品牌；這個設計是溫暖奶油色底搭配粉紅、綠、橘、黃色貼紙。
品牌設計與視覺規範網頁設計與數位體驗建置代理商網站風格鎖定成果可編輯代理商簡介代理商 Hero代理商貼紙粉紅貼紙
關於此 Skill
把你工作室的服務、價格與專案交給這個 Skill，它就會打造一個活潑又完整的網站：溫暖的奶油色底、粗體置中的大寫標題、Hero 下方一疊模切貼紙，作品則統一用一套扁平插圖呈現。範例是虛構的布里斯托工作室 Loudish，共有 31 個彼此連結的路由。預設成品是一個自含檔案，可在任何瀏覽器中離線開啟。
你會得到
- 首頁包含貼紙 Hero、客戶標誌字、關於宣言、服務 Bento、作品網格、流程分頁、客戶引言、FAQ、日誌，以及綠色的 CTA 區塊
- 案例研究包含需求簡介、解決方案、交付項目、品牌系統、第二張插圖、客戶引言與製作名單
- 價格頁有專案制或月費制切換、比較表與報價估算器，另有流程、工作室、日誌、FAQ 與聯絡頁
- Bricolage Grotesque 與 Instrument Sans 字型內嵌在檔案中，不需從網路載入任何東西
使用方式
- 提供工作室名稱、服務與價格、專案、團隊、地址與聯絡方式。
- 你的 Agent 會填入各個內容集合、用同一種風格生成插圖，並檢查每個路由與連結。
- 在桌機和手機上點點看篩選器、報價估算器與表單，再提出修改需求。
生成插圖可能產生你生圖工具的使用費用。表單會在頁面上顯示確認，並說明在串接後端之前不會送出任何資料。
開始前需要準備什麼
- 你需要提供
- 工作室名稱、一句話描述，以及你想要的 Hero 標題 · 服務與價格、專案及每個案例頁所需內容，以及你的團隊 · 地址、Email、電話、營業時間，以及任何你擁有的作品圖
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 需具備生圖工具，或使用你擁有的作品，來製作新插圖
- 外部費用
- 用 Agent 的生圖工具生成插圖，可能產生該工具的使用費用。使用你擁有的作品，以及可沿用的服務與日誌插圖，不會產生額外費用。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…