技能概述
Neo-Grid Bold 係一款編輯式新野蠻主義風格嘅 HTML 簡報技能，在米白色紙張上以單一霓虹黃色作為點綴。適合設計主導提案、品牌作品、創業者演講、會議主題演講。
12 頁 demo，高密度，中等正式度。非常適合數據密集型簡報、比較同流程圖。當講者想以設計主導而非企業風格呈現 tech、研究或財務簡報時，同樣出色。
觸發關鍵字
- neo-grid-bold、zhangzara-neo-grid-bold、Neo-Grid Bold
- confident、punchy、bold、minimal
- product launch、design review
- html deck、html slides、zhangzara
什麼時候用
- 設計主導提案
- 品牌作品展示
- 創者 / founder 演講
- 會議 keynote
- 數據密集型 slides（統計、比較、流程圖）
- 想用設計主導風格嘅 tech / 研究 / 財務簡報
什麼時候避免
- 需要安靜、傳統或溫暖感覺嘅場景 — 霓虹黃色 accent 同大寫展示字體承諾嘅係自信嘅編輯聲音。
使用方法
自然語言觸發
用 neo-grid-bold 整一份 founder talk
我想要一個大膽、有編輯感嘅簡報
zhangzara neo-grid-bold，做一份 product launch deck
工作流程
- Clone
example.html同assets/資料夾 — 呢個模板附帶assets/deck-stage.js運行時（鍵盤導航、舞台渲染）。 - 替換佔位內容 — 換上真實標題、正文、數據、名稱、日期同 section label。
- 保留設計系統 — 唔好替換字體、重調色板、重構佈局網格或移除裝飾元素。
- 調整篇幅 — 多於 demo 就複製最合適嘅佈局；少於就從底部刪除。
- 設計新佈局 — 需要 demo 冇嘅佈局時，用相同字體、色板、裝飾語言從頭設計。
- 保留導航運行時 —
assets/deck-stage.js保持原樣。
輸出格式
單文件 HTML 簡報（含外部 JS 資產）：
<artifact identifier="zhangzara-neo-grid-bold" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
實際例子
例子 1：Founder Talk
用戶：「用 neo-grid-bold 幫我整一份創業者演講簡報。」
生成 12 頁簡報：
- Cover：大寫粗體標題 + 霓虹黃色橫條
- Vision：grid-based layout with bold statements
- Market Problem：stat-heavy slides with yellow accent blocks
- Solution：clean comparison grid
- Traction：data charts with neon highlights
- Roadmap：process flow with grid lines
例子 2：Conference Keynote
用戶：「Neo-Grid Bold，做一份設計會議 keynote。」
涵蓋：
- Opening statement with punchy typography
- Design principles in grid layout
- Case studies with bold image frames
- Q&A closing with neon yellow CTA