html-ppt-testing-safety-alert

Generates red-amber safety-alert themed HTML slide decks for incident reviews and risk presentations.

Updated May 20, 2026
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-testing-safety-alert-keimoshi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: html-ppt-testing-safety-alert
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/html-ppt-testing-safety-alert
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-testing-safety-alert-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating a visually consistent, high-impact presentation for safety reviews, incident postmortems, or red-team briefings normally requires hours of manual slide design; this Skill provides a ready-made HTML deck template with a complete red/amber hazard visual system. ## Core Features & Use Cases - Full-deck HTML template: Ships an 8-slide deck with 45° red-black hazard stripes, strikethrough negation headlines, L1/L2/L3 tier cards, alert boxes, policy-as-code YAML blocks, checklists, and a stacked incident bar chart. - Speaker notes and animations: Supports hidden presenter notes via <aside class="notes"> and a keyboard-driven slide runtime with theme switching. - Use Case: Ask the AI to build an incident postmortem deck; it copies the testing-safety-alert template, rewires the shared CSS/JS assets, and replaces demo content with your timeline, root cause, and impact data. ## Quick Start Ask the AI to use the html-ppt-testing-safety-alert template to build an incident review deck, providing your event timeline, root cause, and impact scope.

Frequently Asked Questions about html-ppt-testing-safety-alert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an HTML slide deck for an incident postmortem?

Use this template by copying its index.html and style.css into your project, keeping the .tpl-testing-safety-alert body class, then replacing the demo slides with your incident timeline, root cause, and impact data. The deck includes tier cards, alert boxes, and a stacked incident chart.

What is the html-ppt testing-safety-alert template used for?

It is a full-deck HTML presentation template for safety alerts, risk reviews, incident postmortems, red-team briefings, and policy-as-code topics. It features red-black hazard stripes, L1/L2/L3 severity cards, YAML policy code blocks, and red-green checklists.

Why do the shared CSS and JS files 404 after copying the template?

The upstream index.html references shared assets via ../../../assets/ paths that only resolve inside the skill directory tree. After copying, either copy fonts.css, base.css, animations.css, and runtime.js into a project-local assets folder and rewrite the paths, or inline their contents directly into the HTML.

Can I change the color theme of the HTML deck?

Yes, the deck supports 36 themes from the html-ppt assets/themes directory. Swap the theme via the theme-link stylesheet element, and press T during presentation to cycle through themes.

How do speaker notes work in HTML presentations?

Place presenter notes inside <aside class="notes"> or <div class="notes"> elements. The runtime hides them from the audience view and displays them in a notes overlay or separate presenter window, so never put presenter-only text as visible slide content.