---
name: Safety Alert Deck
slug: safety-alert-deck
category: Frontend
description: Safety Alert Deck creates an HTML slide deck for safety alerts, risk reviews, and incident postmortems, using hazard stripes, tier cards, and red-flagged policy blocks.
github: "https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-safety-alert"
language: HTML
stars: 8300
forks: 810
install: "npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-safety-alert ~/.claude/skills/deck-safety-alert"
installs_to: ~/.claude/skills/deck-safety-alert
source_path: next/src/lib/templates/skills/deck-safety-alert/SKILL.md
collection_size: 25
category_size: 567
collection_url: "https://dirskills.com/collections/nexu-io/html-anything"
added: 2026-08-15T06:50:57.754Z
last_synced: 2026-08-15T06:50:57.754Z
canonical_url: "https://dirskills.com/skills/safety-alert-deck"
---

# Safety Alert Deck

Safety Alert Deck creates an HTML slide deck for safety alerts, risk reviews, and incident postmortems, using hazard stripes, tier cards, and red-flagged policy blocks.

**Install:**

```bash
npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-safety-alert ~/.claude/skills/deck-safety-alert
```

## README

【模板: Safety Alert Deck】
【意图】安全 / 风险 / 事故复盘 / red team / policy-as-code 用 deck。
【布局】
- 顶/底 45° 红黑 hazard 条纹
- 红色删除线否定标题
- L1/L2/L3 绿 / 琥珀 / 红 tier 卡片
- 圆点状态 alert box
- policy-yaml 代码块 (红左边框 + bad 关键词高亮)
- 红绿 checklist + 事故堆叠柱状图