
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 單一自含網站檔案,任何瀏覽器都能開啟並離線使用,字型與圖片皆已內建;若你有自己的框架專案,則會移植進去。
- 每個案例研究都搭配商品照與使用情境照,另有報價估算器、月付與季付方案、流程 Tab 與附驗證的聯絡需求表。
- 招牌的麥克筆標題、色塊人像、貼紙與彩色服務卡片,收錄於含 16 張圖片的 21 頁範例中。
適合
- 想在頁面上展現個人特色的獨立品牌與包裝設計師。
- 可將作品區改為委託案、把服務改為套裝方案販售的攝影師與插畫家。
- 可將作品區改為產品系列、把流程改為製作方式的烘焙坊與食品品牌。
不適合
- 真正的表單寄送或付款;聯絡需求表與估算器只會顯示如實的展示結果。
- 想要安靜、極簡或企業風格,而非麥克筆字體與貼紙的品牌。
- 把虛構的 Juno Halvorsen、她的客戶或評語當成真實作品展示。
品牌設計與視覺規範網頁設計與數位體驗建置代理商網站風格鎖定成果可編輯塗鴉Hero服務作品
關於此 Skill

麥克筆塗鴉品牌工作室為獨立品牌或包裝設計師打造大膽、溫暖的手繪風網站:暖色紙張、墨色文字與三種麥克筆色(鈷藍、番茄紅與向日葵黃),斜頭麥克筆標題、鈷藍色塊中的大笑去背人像、色塊服務卡片與真實包裝攝影。範例是虛構設計師 Juno Halvorsen,共 21 個相互連結的頁面。

你會得到
- 單一獨立的網站檔案,任何瀏覽器都能開啟、離線也能用,字型與圖片都已內嵌。若你已有框架專案,則會改將設計移植進去。
- 完整的工作室網站:附篩選、搜尋與排序的作品索引,四個案例研究(含商品照、使用情境照與可複製的色票)、服務頁與四個詳細頁、關於、四篇文章的觀點專欄、流程、聯絡、隱私權與找不到頁面。
- 報價估算器會加總起始價格與時程並預先填入聯絡表單,另有可切換月付與季付的方案。
- 附驗證的聯絡需求表(含載入與成功狀態)、搭配時程圖表的流程 Tab,以及文章頁的閱讀進度條。
- 一次性的 Hero 進場動畫、逐漸畫出的紅色底線、跟著游標轉動的活動眼睛,以及滑鼠移上去就暫停的客戶跑馬燈,開啟減少動態效果設定時都會保持平靜。

使用方式
- 提供你的名字、設計領域、附客戶與成果的專案、標上真實價格的服務,以及聯絡方式。缺少的文案會先以合理的佔位內容草擬,並列出清單讓你確認。
- 傳一張白底去背人像與一張黑白方形人像,以及每個專案的商品照與使用情境照,或讓 Agent 以相同風格生成。
- 在桌面與手機上打開每一頁,試用篩選、估算器與聯絡表單,再提出修改需求。

字型使用 Permanent Marker、Bricolage Grotesque 與 Kalam,並已內嵌於檔案中。新圖片由你的 Agent 自帶的生圖工具產生,可能會產生使用費用。
開始前需要準備什麼
- 你需要提供
- 你的名字、設計領域與簡短介紹 · 附客戶、年份與成果的專案,以及標上真實價格的服務與聯絡方式 · 一張去背人像與專案照片,或同意生成暫代圖片
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內建的生圖工具,或你自己的照片,用於人像、商品照與使用情境照
- 外部費用
- 新的商品照、使用情境照與人像由你的 Agent 自帶的生圖工具產生,可能會產生使用費用。若沒有生圖工具,請提供自己的照片;工作室、流程與貼紙圖片可以保留。瀏覽範例完全免費。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









