技能概述
Grove 係一款以森林綠色為畫布、奶油色字體、古典 Playfair 襯線體搭配單一銹色點綴嘅 HTML 簡報技能。適合可持續品牌、健康品牌、戶外/自然產品、葡萄酒餐飲、文學藝術簡報、諮詢交付物、雙語 EN/CN 報告。
12 頁 demo，中等密度，中高正式度。對於想要耐心而非緊迫感嘅 tech、研究或商業簡報，都係冷靜而獨特嘅選擇。
觸發關鍵字
- grove、zhangzara-grove
- organic、considered、classical、warm
- sustainability brand、wellness brand
- html deck、html slides、zhangzara
什麼時候用
- 可持續品牌 / 健康品牌簡報
- 戶外 / 自然產品展示
- 葡萄酒 / 餐飲品牌 deck
- 文學 / 藝術簡報
- 諮詢交付物
- 雙語 EN/CN 報告
- 想要耐心而非緊迫感嘅 tech / 研究 / 商業簡報
什麼時候避免
- 需要 neon 能量或快速流行感嘅簡報 — 森林綠畫布同 Playfair 襯線體承諾嘅係慢節奏、古典聲音。
使用方法
自然語言觸發
用 grove 風格整一份可持續品牌 deck
我想要一個有機、成熟嘅簡報
zhangzara grove，做一份雙語報告
工作流程
- Clone
example.html— 作為工作文件。 - 替換佔位內容 — 換上真實標題、正文、數據、名稱、日期同 section label。
- 保留設計系統 — 唔好替換字體、重調色板、重構佈局網格或移除裝飾元素。
- 調整篇幅 — 多於 demo 就複製最合適嘅佈局；少於就從底部刪除。
- 設計新佈局 — 需要 demo 冇嘅佈局時，用相同字體、色板、裝飾語言從頭設計。
- 保留導航運行時 — 內聯鍵盤處理程式保持原樣。
輸出格式
單文件 HTML 簡報：
<artifact identifier="zhangzara-grove" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
實際例子
例子 1：可持續品牌 Deck
用戶：「用 grove 風格幫我整一份 sustainability 品牌簡報。」
生成 12 頁簡報：
- Cover：森林綠底色 + Playfair 大標題 + 銹色 accent
- Mission：cream 文字 + green canvas
- Impact Data：銹色 highlight stat blocks
- Product Line：自然風格產品展示
- Roadmap：時間線 + 古典 serif body
例子 2：雙語諮詢報告
用戶：「用 Grove 做一份 EN/CN 雙語諮詢報告。」
涵蓋：
- Executive summary in both languages
- Market analysis with green/cream contrast
- Recommendations with rust accent callouts
- Appendix with detailed data tables