What is the purpose of this skill?

This skill helps users create policy briefing decks focused on patient data governance for health systems.

Do I need to know HTML or CSS to use this skill?

Yes, some familiarity with HTML and CSS is required to customize the presentation templates effectively.

Can I use this skill for presentations outside of healthcare?

This skill is specifically tailored for healthcare governance and may not be suitable for general presentation needs.

What resources should I consult before starting?

It's recommended to read the master skill documentation to understand the authoring rules and guidelines.

Are there any themes available for customization?

Yes, the skill includes 36 themes that can be swapped in to change the visual style of your presentations.

HTML PPT Testing Safety Alert

Name: HTML PPT Testing Safety Alert
Availability: InStock
Author: nexu-io

Free

Create decision-grade policy briefings for health systems.

by nexu-io84.9k stars on nexu-io/open-design

2 views

Updated Aug 10, 2026

Get this skill

Free · Opens the source repo

What HTML PPT Testing Safety Alert does

The HTML PPT Testing Safety Alert skill provides a structured approach to creating policy briefing decks specifically designed for health systems. This skill focuses on the critical aspects of patient data governance, including risk assessment, control frameworks, and accountability measures necessary for board approval. It serves as a focused entry point for users looking to develop comprehensive and visually cohesive presentations that communicate essential information to stakeholders effectively.

To utilize this skill, users should first familiarize themselves with the master skill, which outlines the rules for authoring decks, including audience considerations and content guidelines. The skill offers a full-deck template that ensures a consistent visual identity, making it easier to convey complex information in an engaging format. Users can start by copying the provided HTML and CSS files into their projects, ensuring that they maintain the necessary structure for the presentation to function correctly.

The skill also emphasizes the importance of maintaining a clear separation between demo content and structural classes, allowing users to customize their presentations while adhering to design principles. It supports various themes, enabling users to select a style that best fits their audience and message. Additionally, the skill provides guidance on incorporating speaker notes effectively, ensuring that presenters have the necessary context without cluttering the slides with visible text.

This skill is particularly suited for healthcare professionals, policy makers, and regulatory bodies who need to present data-driven insights and recommendations in a formal setting. By leveraging this skill, users can streamline the process of creating impactful presentations that meet the demands of board meetings and regulatory reviews.

When to use it

Use this skill when you need to prepare a policy briefing deck focused on patient data governance for health system stakeholders.

When not to use it

This skill may not be suitable for general presentation needs outside of healthcare governance or for users unfamiliar with HTML/CSS basics.

What you can build with it

Board Meeting Presentation

Prepare a comprehensive briefing deck for a health system board meeting, focusing on patient data governance.

Regulatory Review

Create a structured presentation for regulatory bodies to review compliance and accountability measures.

Risk Assessment Workshop

Develop a policy briefing deck for a workshop aimed at assessing patient data risks and control frameworks.

How to install HTML PPT Testing Safety Alert

View source

1. Install with the skills CLI

npx skills add nexu-io/open-design/html-ppt-testing-safety-alert --agent claude-code

2. Or install it manually

Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.

Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs

Inside SKILL.md

Written by nexu-io

HTML PPT · 红琥珀警示

A focused entry point into the html-ppt master skill that lands the user directly on the testing-safety-alert full-deck template.

When this card is picked

The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of testing-safety-alert (see the upstream full-decks catalog for screenshots and rationale).

How to author the deck

Read the master skill first. All authoring rules live in design-templates/html-ppt/SKILL.md — content/audience checklist, token rules, layout reuse, presenter mode, the keyboard runtime, and the "never put presenter-only text on the slide" rule.
Start from the matching template folder: design-templates/html-ppt/templates/full-decks/testing-safety-alert/ — copy index.html and style.css into the project, keep the .tpl-testing-safety-alert body class.
Bring the shared runtime with the template. The upstream index.html links the shared CSS/JS via ../../../assets/... because it sits three folders deep inside design-templates/html-ppt/templates/full-decks/. Once you copy index.html into the project, those parent-relative URLs no longer resolve and base.css, animations.css, and runtime.js will 404 — meaning the deck never activates and slide navigation is dead. Pick one of these two recipes per project:
- Recipe A — copy + rewrite (preferred): copy design-templates/html-ppt/assets/fonts.css, design-templates/html-ppt/assets/base.css, design-templates/html-ppt/assets/animations/animations.css, and design-templates/html-ppt/assets/runtime.js into a project-local assets/ (with assets/animations/animations.css), then rewrite the four <link>/<script> tags in index.html from ../../../assets/... to the matching project-local paths (assets/fonts.css, assets/base.css, assets/animations/animations.css, assets/runtime.js).
- Recipe B — inline: read the same four files and replace each <link rel="stylesheet" href="../../../assets/..."> with a <style>...</style> containing the file's contents, and the <script src="../../../assets/runtime.js"> with a <script>...</script> containing runtime.js. Yields a single self-contained index.html. Either way, do not ship the upstream ../../../assets/... URLs verbatim into a project artifact — they only work in-tree.
Pick a theme. Default tokens look fine; if the user wants a different feel, swap in any of the 36 themes from design-templates/html-ppt/assets/themes/*.css via <link id="theme-link"> and let T cycle.
Replace demo content, not classes. The .tpl-testing-safety-alert scoped CSS only recognises the structural classes shipped in the template — keep them.
Speaker notes go inside <aside class="notes"> or <div class="notes"> — never as visible text on the slide.

Attribution

Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed lewislulu/html-ppt-skill. The LICENSE file ships at design-templates/html-ppt/LICENSE; please keep it in place when redistributing.

Frequently asked questions about HTML PPT Testing Safety Alert

Similar skills

PPTX HTML Fidelity Audit

Ensure your PPTX matches its HTML source perfectly.

HTML PPT Studio

Create professional HTML presentations effortlessly.

Humanize PPT

Transform raw material into presentation-ready outlines.

Replit Deck

Create visually cohesive decision decks with ease.

Open Design Landing Deck

Create engaging marketing decks with a magazine-style format.

Magazine Web Presentation

Create visually striking HTML presentations with ease.