Guide · Agent skill
How to use the html-ppt-testing-safety-alert agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
This guide explains the html-ppt-testing-safety-alert agent skill, a pointer to a ready-made HTML slide template with a red and amber style and guidance for a decision-focused board briefing on hospital patient-data risk. You will learn what the skill changes about how your agent works, how to install it from the ZIP or the Claude apps, how to ask for it in plain language, and what to check before you use the output.
Quick start
- 1Download the ZIP. Get the ZIP for html-ppt-testing-safety-alert from the page you are reading.
- 2Unzip into a skills folder. Place the unzipped skill in ~/.claude/skills/ for personal use, or in a project's .claude/skills/ folder, or upload it under Settings → Capabilities → Skills in the Claude apps.
- 3Confirm the html-ppt master skill is present. Make sure design-templates/html-ppt/SKILL.md and its assets folder are also available.
- 4Ask for the deck in plain language. Describe the board briefing and provide the audience, decision target, source materials, deadline and must-keep numbers.
- 5Fix the shared links and view the deck. Apply Recipe A or Recipe B so the CSS and JavaScript load, then open index.html in a browser.
- 6Review as a qualified team. Check every claim and figure, then have compliance, legal and clinical staff sign off before use.
What does the html-ppt-testing-safety-alert skill make the agent do?
Once installed, the agent is pointed to a full-deck HTML presentation template called testing-safety-alert and to guidance on structuring a briefing deck. The subject is hospital data governance: patient-data risk, the control framework, accountability, and the approval a board must give.
The skill is mostly written instructions. Its example prompt asks the agent to plan the slides, write the content, and run a critic pass against an approval-risk rubric, which checks whether the deck reduces approval risk rather than creating rhetorical heat.
- Copies the template's HTML and CSS into your project
- Fixes broken shared-file links so the slides load
- Keeps speaker notes out of the visible slide text
- Keeps the upstream MIT licence file in place
Install the skill: download, unzip and place it in a skills folder
Download the ZIP for this skill from the page you are reading. Unzip it so the skill folder sits inside your user skills folder, ~/.claude/skills/, or inside a project's .claude/skills/ folder if you want the skill to apply to one project only.
You can also upload the skill in the Claude apps under Settings → Capabilities → Skills. Use whichever route matches how you already run your agent.
- Personal: ~/.claude/skills/
- Single project: the .claude/skills/ folder inside that project
- Claude apps: Settings → Capabilities → Skills
~/.claude/skills/Install the required html-ppt master skill
This skill does not work alone. The html-ppt master skill must also be present, specifically design-templates/html-ppt/SKILL.md and its assets folder. The master skill holds the authoring rules, the keyboard runtime, and the themes that this template depends on.
If the master skill is missing, the agent cannot follow the links in this skill's instructions, and the template will not be usable as described.
How do you trigger the skill with a natural request?
You do not need special syntax. Describe a board briefing on hospital data governance and ask for an HTML deck. The skill's triggers include terms such as html deck, html slides, policy briefing deck, risk review, and regulatory.
The example prompt asks for missing essentials first: audience, decision target, source-of-truth materials, deadline, and must-keep numbers. Have these ready so the agent can plan the slides without guessing.
- Example: Create a board briefing deck in HTML on hospital patient-data risk and controls, for a health-system board, asking for the approval the board must give.
- Example: Draft slides for regulators on our data-governance accountability model, using the testing-safety-alert template.
How do you make the template work in a project?
The upstream index.html loads shared CSS and JavaScript from parent folders. After you copy it into a project those links break, and the deck will not navigate. The skill gives two fixes. Recipe A, the preferred option, copies the shared files into a project-local assets folder and rewrites the four link and script tags to point there. Recipe B inlines those files into one self-contained index.html.
Open the resulting index.html in a browser to view the deck. Keep the .tpl-testing-safety-alert body class, and keep the structural classes when you replace the demo content.
- Copy index.html and style.css from the testing-safety-alert template folder into your project
- Use Recipe A or Recipe B to fix the shared file links
- Put speaker notes inside an aside or div with class notes, never as visible slide text
- Keep the LICENSE file at design-templates/html-ppt/LICENSE when you redistribute
What should you check before using the deck?
The output is a first-pass draft. The skill adds no source verification and no privacy safeguards, and it does not address handling sensitive information. Check every figure and claim against your own records, and have qualified compliance, legal and clinical staff review it before any regulatory or legal submission.
Do not put real patient data into the deck. The skill is not designed for that situation.
- The skill runs no scripts and uses no network access, according to its listing
- A browser is needed to view the HTML deck
What people use it for
- Drafting a first-pass board outline on hospital patient-data risk for a compliance officer to edit
- Building a decision-focused slide deck on accountability and the approval a board must give
- Reusing the testing-safety-alert layout inside a project already built on the html-ppt master skill
- Producing speaker-ready structure with notes kept separate from slide text
Frequently asked questions
Is the html-ppt-testing-safety-alert skill free to use?
This page lists the item under the Apache-2.0 licence. The template's visual system and runtime come from the upstream lewislulu/html-ppt-skill project, which the source describes as MIT-licensed, so keep its LICENSE file in place when you redistribute.
What do I need installed to use this skill?
You need the html-ppt master skill, including design-templates/html-ppt/SKILL.md and its assets folder, plus a browser to view the HTML deck. The skill is listed as running no scripts and using no network access.
Where do I install an agent skill?
Unzip it into ~/.claude/skills/ for personal use or into a project's .claude/skills/ folder. You can also upload it in the Claude apps under Settings → Capabilities → Skills.
Why are my slides not loading after I copy the template?
The upstream index.html points to shared files using parent-folder paths, which stop working once the file is copied. Use Recipe A to copy those files into a local assets folder and update the links, or Recipe B to inline them into one file.
Can I use real patient data in the deck?
No. The skill gives no privacy safeguards, and its files do not address handling sensitive information. Use placeholder or anonymised content and keep real data out of the deck.
How does this compare with other ways to make a board deck?
This skill is a focused template for one visual style and a briefing structure aimed at approval decisions. If you need a different look, the html-ppt master skill includes 36 themes you can swap in, or you can use a general presentation tool.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
This skill suits designers who want a board-style HTML deck with a specific red and amber template, and compliance or governance staff who need a first-pass outline to edit themselves. It is the wrong choice for final regulatory or legal submissions, or for any deck that needs real patient data, since it adds no source checking and no privacy safeguards.
Download the skill