技能概述
html-ppt-testing-safety-alert 係一個專注嘅 16:9 HTML 簡報模板，視覺識別基於 testing-safety-alert 全頁模板。
核心視覺：頂部/底部 45° 紅黑 hazard 警示條紋 + 紅色刪除線否定標題 + L1/L2/L3 綠/琥珀/紅三級 tier 卡片 + 圓點狀態 alert box + policy-yaml 代碼塊（紅左邊框 + bad 關鍵詞高亮）+ 紅綠 checklist + Q1 事故堆疊柱狀圖。
適合安全評審、風險評估、事故復盤、紅隊演練、上線前 AI 評審、policy-as-code 展示。
觸發關鍵字
- safety alert、incident、red team
- risk review、事故復盤、安全評審
- policy as code、紅隊評審 PPT
視覺特徵
| 特徵 | 說明 |
|---|---|
| 警示條紋 | 頂/底 45° 紅黑 hazard 條紋 |
| 否定標題 | 紅色刪除線 |
| 分級卡片 | L1（綠）/ L2（琥珀）/ L3（紅）tier 卡片 |
| 狀態 | 圓點狀態 alert box |
| 代碼塊 | policy-yaml，紅左邊框 + bad 關鍵詞高亮 |
| 檢查清單 | 紅綠 checklist |
| 圖表 | Q1 事故堆疊柱狀圖 |
使用方法
自然語言觸發
用 testing-safety-alert 模板做一份事故復盤 / 安全評審 PPT
紅黑 hazard 條 + 紅色刪除線 + L1/L2/L3 tier 卡片 + policy-yaml 代碼塊
safety alert deck for incident post-mortem
預先確認
Agent 會先同你確認以下資訊：
- 事件時間線
- 根因分析
- 影響範圍
工作流程
- 先讀主技能：所有作者規則在
html-ppt/SKILL.md - 從模板文件夾開始：複製
testing-safety-alert/中嘅index.html和style.css，保留.tpl-testing-safety-alertbody class - 處理共享 runtime：將上游
../../../assets/...路徑改寫為項目本地路徑或內聯 - 替換 demo 內容，不要修改結構 class
- 演講者備註放進
<aside class="notes">
功能支持
- 演講者備註
- 鍵盤導航 runtime
- 36 個主題可切換
- 動畫支持