技能概述
Creative Mode 係一款以奶油色紙張為畫布、自信地運用多色彩（綠色、粉色、橙色、黃色）點綴嘅 HTML 簡報技能，搭配 Archivo Black 展示字體。適合創意機構提案、設計工作室簡報、廣告公司資歷展示、品牌創意評審、藝術指導評審等場景。
8 頁 demo，中高密度，中等正式度。即使係 tech talk、研究報告或財務匯報，只要講者想用品味而非慣例帶頭，都係一個出人意料嘅好選擇。
觸發關鍵字
- creative-mode、zhangzara-creative-mode、Creative Mode
- creative、confident、graphic、expressive
- creative agency pitch、design studio deck
- html deck、html slides、zhangzara
什麼時候用
- 創意機構 pitch deck
- 設計工作室 credentials 展示
- 廣告公司資歷簡報
- 品牌創意 review / 藝術指導 review
- 想用設計品味帶頭嘅 tech talk、研究報告、財務匯報
什麼時候避免
- 需要機構級克制同安靜權威感嘅場景 — 飽和多色彩調會顯得表現力強，唔夠正式。
使用方法
自然語言觸發
用 creative-mode 風格生成一個 pitch deck
我想要一個有自信、多色彩嘅簡報
creative 風格，整一份設計工作室簡報
工作流程
- Clone
example.html同assets/資料夾 — 呢個模板附帶assets/deck-stage.js運行時（鍵盤導航、舞台渲染），必須同 HTML 放喺同一位置。 - 替換佔位內容 — 換上真實標題、正文、數據、名稱、日期同 section label。
- 保留設計系統 — 唔好替換字體、重調色板、重構佈局網格或移除裝飾元素。
- 調整篇幅 — 多於 demo 就複製最合適嘅佈局；少於就從底部刪除。
- 設計新佈局 — 需要 demo 冇嘅佈局時，用相同字體、色板、裝飾語言、間距節奏從頭設計。
- 保留導航運行時 —
assets/deck-stage.js或內聯鍵盤處理程式保持原樣。
輸出格式
單文件 HTML 簡報（部分模板含外部 JS 資產）：
<artifact identifier="zhangzara-creative-mode" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
實際例子
例子 1：創意機構 Pitch
用戶：「用 creative-mode 幫我整一份設計工作室 pitch deck。」
生成 8 頁簡報：
- Cover：Archivo Black 大標題 + 多色裝飾幾何
- About：團隊介紹 + 彩色 highlight blocks
- Case Study：項目展示 + 綠/粉/橙三色 stat-cards
- Process：工作流程圖 + 黃色 accent
- Credentials：客戶 logo grid
例子 2：品牌 Creative Review
用戶：「用 Creative Mode 整一份 brand review 簡報。」
報告涵蓋：
- Brand overview with colorful data points
- Creative direction moodboard
- Art direction guidelines
- Next steps with action items