How to use the New-Hire Onboarding Deck Template agent skill

What does the skill make the agent do?

When you ask for an onboarding deck, the agent reads the master rules of the parent html-ppt skill, then copies the course-module template (index.html and style.css) into your project. It arranges the slides around four parts: the behaviours expected of new hires, the practice, the checks, and the manager follow-up.

The output is a standalone web-page slideshow that you open in a browser. Speaker notes are placed inside an aside or div with class notes, so they do not appear as visible text on the slides.

What do you need before you start?

You need three things. The skill itself is only a set of instructions, so the rest must be in place first.

• A coding agent that can read and write files, such as Claude Code or another SKILL.md-compatible agent.
• The parent html-ppt master skill and its shared assets (fonts.css, base.css, animations.css and runtime.js). This listing references these files but does not include them.
• A web browser to view the finished HTML deck.

How do you install the skill?

Download the ZIP from this page and unzip it. For a personal install, place the folder in ~/.claude/skills/. For a single project, place it in that project's .claude/skills/ folder.

In the Claude apps you can instead upload the skill under Settings → Capabilities → Skills.

• Personal install: ~/.claude/skills/
• Project install: .claude/skills/ inside your project folder
• Claude apps: Settings → Capabilities → Skills, then upload

How do you trigger the skill with a natural request?

You do not need special syntax. Describe the deck in plain words and mention the course-module template or one of the skill's trigger terms, such as html slides, html deck, training-deck or employee-onboarding-deck.

Before building, the agent asks only for missing essentials: audience, decision target, source-of-truth materials, deadline and any numbers that must stay exact.

• Build an onboarding deck for new hospitality hires using the course-module template.
• Make html slides for a first-30-days training module for hotel front-desk staff, and ask me for anything missing.
• Create a training-deck for new hires and their managers, covering behaviours, practice, checks and manager follow-up.

How do you make the slides load in your project?

The template's links point to shared files three folders up, so they break once index.html is copied. If you skip this step, the CSS and JavaScript return 404 errors, the deck does not activate and navigation does not work. Choose one recipe per project.

Recipe A (preferred) copies fonts.css, base.css, animations/animations.css and runtime.js into a project-local assets folder, then rewrites the four link and script tags to those local paths. Recipe B inlines the same four files into index.html as style and script blocks, which gives you one self-contained file.

• Do not leave the original ../../../assets/ paths in a finished project file.
• Keep the LICENSE file at design-templates/html-ppt/LICENSE when you redistribute the deck.

What does a good result look like?

The source sets a test for the deck: can a learner perform the target task the next day? A useful review asks whether each slide supports a specific behaviour and whether the checks show that the behaviour happened.

The skill sets structure and style only. Supply your own onboarding material, because the agent needs it to avoid inventing policies, procedures or facts.

• Check every policy, figure and procedure against your own documents.
• Confirm the slides open in a browser from the project folder after the asset fix.